/*-----------------------------------------------------------------------------------

    
    CSS INDEX
    ===================
	
    01. Theme default CSS
    02. Modal
    03. Header
    04. Hero
    05. Slider
    06. Banner
    07. Product
    08. Shop
    09. Sidebar
    10. Single Product
    11. Blog
    12. Blog Post
    13. Cart
    14. Checkout
    15. Compare
    16. My Account
    17. Login Register
    18. FAQ
    19. Contact
    20. About
    21. Footer
    URL: http://www.bootstrapmb.com



-----------------------------------------------------------------------------------*/
/*----------------------------------------*/
/*  01. Theme default CSS
/*----------------------------------------*/
/*-- Google Font --*/
@import url("https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i");
/*-- Common Style --*/
*, *::after, *::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html, body {
  height: 100%; }

body {
  background-color: #ffffff;
  line-height: 25px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  visibility: visible;
  font-family: "Rubik", sans-serif;
  color: #7a7a7a;
  position: relative;
  overflow-x: hidden;
  padding-top: 227px; }
  body.home-three {
    padding-top: 0; }
  body.grey-bg {
    background-color: #ffffff; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    body {
      padding-top: 213px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    body {
      padding-top: 0; } }
  @media only screen and (max-width: 767px) {
    body {
      padding-top: 0; } }

h1, h2, h3, h4, h5, h6 {
  color: #363f4d;
  font-family: "Rubik", sans-serif;
  font-weight: 700;
  margin-top: 0; }

h1 {
  font-size: 36px;
  line-height: 42px; }

h2 {
  font-size: 30px;
  line-height: 36px; }

h3 {
  font-size: 24px;
  line-height: 30px; }

h4 {
  font-size: 18px;
  line-height: 24px; }

h5 {
  font-size: 14px;
  line-height: 18px; }

h6 {
  font-size: 12px;
  line-height: 14px; }

p:last-child {
  margin-bottom: 0; }

a, button {
  color: inherit;
  display: inline-block;
  line-height: inherit;
  text-decoration: none;
  cursor: pointer; }

a, button, img, input, span {
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }

*:focus {
  outline: none !important; }

a:focus {
  color: inherit;
  outline: none;
  text-decoration: none; }

a:hover {
  text-decoration: none;
  color: #9acf6a; }

button, input[type="submit"] {
  cursor: pointer; }

ul {
  list-style: outside none none;
  margin: 0;
  padding: 0; }

/*-- 
    - Input Placeholder
-----------------------------------------*/
input:-moz-placeholder, textarea:-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

/*-- Tab Content & Pane Fix --*/
.tab-content {
  width: 100%; }
  .tab-content .tab-pane {
    display: block;
    height: 0;
    max-width: 100%;
    visibility: hidden;
    overflow: hidden;
    opacity: 0; }
    .tab-content .tab-pane.active {
      height: auto;
      visibility: visible;
      opacity: 1;
      overflow: visible; }

/*----------  Hide and show element  ----------*/
.hidden {
  display: none; }

.show {
  display: block; }

/*----------  container fix  ----------*/
@media (min-width: 1200px) {
  .container {
    max-width: 1200px; } }

/*----------  scroll to top  ----------*/
a.scroll-top {
  background: #9acf6a;
  width: 45px;
  height: 45px;
  display: none;
  text-align: center;
  color: #fff;
  font-family: 'FontAwesome';
  position: fixed;
  right: 25px;
  bottom: 25px;
  z-index: 50000;
  border-radius: 50%;
  border: 2px solid #ddd; }
  a.scroll-top:after {
    content: "\f106";
    display: inline;
    font-size: 20px;
    line-height: 40px; }
  a.scroll-top:hover {
    background-color: #9acf6a;
    color: #ffffff;
    border: 2px solid #9acf6a; }

/*----------  section title  ----------*/
.section-title {
  border: 1px solid #ebebeb;
  border-bottom: none; }
  .section-title h2 {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 700;
    color: #363f4d;
    padding: 10px 15px; }

/*----------  section title two  ----------*/
.section-title-two h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 26px;
  color: #363f4d; }
  @media only screen and (max-width: 767px) {
    .section-title-two h3 {
      font-size: 20px;
      line-height: 24px; } }

/*----------  section background one  ----------*/
.section-bg-1 {
  background-image: url("../images/backgrounds/bg1.jpg");
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover; }

/*----------  Quantity counter style  ----------*/
.pro-qty {
  display: inline-block;
  position: relative;
  width: 100px;
  border: 1px solid #ddd;
  height: 40px; }
  .pro-qty input {
    padding-right: 25px;
    width: 100%;
    border: none;
    height: 100%;
    padding-left: 20px; }
  .pro-qty a {
    width: 20px;
    height: 20px;
    position: absolute;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
    font-size: 18px; }
    .pro-qty a:hover {
      color: #9acf6a; }
    .pro-qty a.inc {
      top: 0;
      right: 0;
      border-left: 1px solid #ddd;
      border-bottom: 1px solid #ddd; }
    .pro-qty a.dec {
      bottom: 0;
      right: 0;
      border-left: 1px solid #ddd;
      padding-top: 2px; }

/*----------  breadcrumb-area  ----------*/
.breadcrumb-area {
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 50px; }
  .breadcrumb-area .breadcrumb-container nav ul li {
    display: inline-block;
    margin-right: 15px;
    color: #91959b; }
    .breadcrumb-area .breadcrumb-container nav ul li.parent-page a {
      position: relative; }
      .breadcrumb-area .breadcrumb-container nav ul li.parent-page a:after {
        position: absolute;
        top: 0;
        right: -10px;
        content: "\f105";
        font-family: fontAwesome;
        color: #91959b; }
    .breadcrumb-area .breadcrumb-container nav ul li a {
      color: #91959b; }
      .breadcrumb-area .breadcrumb-container nav ul li a:hover {
        color: #9acf6a; }

/*----------  shop feature area  ----------*/
.shop-feature-area .header-feature-container {
  border: 1px solid #ebebeb; }
  @media only screen and (max-width: 767px) {
    .shop-feature-area .header-feature-container {
      display: block;
      border: none; } }
  @media only screen and (max-width: 575px) {
    .shop-feature-area .header-feature-container {
      display: block;
      border: none; } }
  @media only screen and (max-width: 479px) {
    .shop-feature-area .header-feature-container {
      display: block;
      border: none; } }
  .shop-feature-area .header-feature-container .single-feature {
    padding: 20px 0;
    border-right: 1px solid #ebebeb;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    @media only screen and (max-width: 767px) {
      .shop-feature-area .header-feature-container .single-feature:last-child {
        border-bottom: 1px solid #ebebeb !important; } }
    @media only screen and (max-width: 575px) {
      .shop-feature-area .header-feature-container .single-feature:last-child {
        border-bottom: 1px solid #ebebeb !important; } }
    @media only screen and (max-width: 767px) {
      .shop-feature-area .header-feature-container .single-feature {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        border: 1px solid #ebebeb !important;
        padding-left: 20px;
        border-bottom: none !important; } }
    @media only screen and (max-width: 575px) {
      .shop-feature-area .header-feature-container .single-feature {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        border: 1px solid #ebebeb !important;
        padding-left: 20px;
        margin-bottom: 0;
        width: 100%;
        border-bottom: none !important; } }
    @media only screen and (max-width: 479px) {
      .shop-feature-area .header-feature-container .single-feature {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        border: 1px solid #ebebeb !important;
        padding-left: 20px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .shop-feature-area .header-feature-container .single-feature {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%; }
        .shop-feature-area .header-feature-container .single-feature:nth-child(2) {
          border-right: 0; } }
    .shop-feature-area .header-feature-container .single-feature .image i.icon {
      color: #7A7A7A; }
    .shop-feature-area .header-feature-container .single-feature .content {
      -ms-flex-preferred-size: auto;
      flex-basis: auto; }
    .shop-feature-area .header-feature-container .single-feature:last-child {
      border-right: none; }

/*----------  pagination  ----------*/
.pagination-area {
  border: 1px solid #ebebeb;
  padding: 15px 25px; }
  .pagination-area ul {
    text-align: center; }
    .pagination-area ul li {
      display: inline-block;
      margin-right: 5px; }
      .pagination-area ul li a {
        background: #f1f1f1;
        border-radius: 3px;
        color: #7a7a7a;
        display: block;
        padding: 0;
        font-size: 1em;
        font-weight: normal;
        text-align: center;
        text-transform: uppercase;
        line-height: 32px;
        height: 32px;
        width: 32px; }
        .pagination-area ul li a:hover, .pagination-area ul li a.active {
          background-color: #9acf6a;
          color: #ffffff; }

.white-bg {
  background-color: #ffffff; }

.featured-categories-area {
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb; }

/*=============================================
=            02. Modal            =
=============================================*/
/*----------  quick view modal style  ----------*/
.quick-view-modal-container .modal-header {
  border-bottom: 0;
  padding: 0.5rem 1rem 0 0; }
  .quick-view-modal-container .modal-header .close {
    padding-top: 25px;
    padding-right: 20px; }

.quick-view-modal-container .modal-content {
  border-radius: 0; }

.quick-view-modal-container .modal-dialog {
  max-width: 900px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .quick-view-modal-container .modal-dialog {
      max-width: 700px;
      margin: auto; } }
  @media only screen and (max-width: 767px) {
    .quick-view-modal-container .modal-dialog {
      max-width: 500px;
      margin: auto; } }
  @media only screen and (max-width: 575px) {
    .quick-view-modal-container .modal-dialog {
      max-width: 400px;
      margin: auto; } }

.single-product-img.img-full {
  text-align: center; }

@media only screen and (max-width: 767px) {
  .product-image-slider {
    margin-bottom: 30px; } }

.product-feature-details h2.product-title {
  font-weight: 500;
  color: #363f4d;
  font-size: 30px;
  line-height: 35px; }
  @media only screen and (max-width: 479px) {
    .product-feature-details h2.product-title {
      font-size: 25px; } }

.product-feature-details h2.product-price {
  position: relative; }
  .product-feature-details h2.product-price span.main-price {
    font-size: 28px;
    font-weight: 500;
    color: #9acf6a; }
  .product-feature-details h2.product-price span.discounted {
    font-size: 24px;
    color: #999999;
    padding-right: 5px;
    text-decoration: line-through;
    font-weight: 400; }
  .product-feature-details h2.product-price span.discounted-price {
    font-size: 28px;
    font-weight: 500;
    color: #9acf6a; }
  .product-feature-details h2.product-price span.discount-percentage {
    font-weight: 700;
    font-size: 12px;
    color: white;
    padding: 2px 5px 0;
    background: #9acf6a;
    text-transform: uppercase;
    line-height: 21px;
    display: inline-block;
    font-family: "Rubik", sans-serif;
    position: absolute;
    top: 5px;
    margin-left: 10px; }

.product-feature-details p.product-description {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 20px 0; }

.product-feature-details .social-share-buttons h3 {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
  line-height: 30px; }

.product-feature-details .social-share-buttons ul {
  margin-bottom: 15px; }
  .product-feature-details .social-share-buttons ul li {
    display: inline-block;
    margin-right: 5px; }
    @media only screen and (max-width: 767px) {
      .product-feature-details .social-share-buttons ul li {
        margin-bottom: 5px; } }
    .product-feature-details .social-share-buttons ul li a {
      display: block;
      border: 1px solid #ddd;
      height: 40px;
      width: 40px;
      line-height: 40px;
      text-align: center; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .product-feature-details .social-share-buttons ul li a {
          margin-bottom: 5px; } }
      @media only screen and (max-width: 767px) {
        .product-feature-details .social-share-buttons ul li a {
          margin-bottom: 5px; } }
      .product-feature-details .social-share-buttons ul li a i.fa-twitter {
        color: #1DA1F2; }
      .product-feature-details .social-share-buttons ul li a i.fa-facebook {
        color: #4867AA; }
      .product-feature-details .social-share-buttons ul li a i.fa-google-plus {
        color: #DD5144; }
      .product-feature-details .social-share-buttons ul li a i.fa-pinterest {
        color: #BD081B; }
    .product-feature-details .social-share-buttons ul li:hover a {
      color: #fff; }
      .product-feature-details .social-share-buttons ul li:hover a i.fa {
        color: #fff; }
    .product-feature-details .social-share-buttons ul li:hover a.twitter {
      background-color: #1DA1F2; }
    .product-feature-details .social-share-buttons ul li:hover a.facebook {
      background-color: #4867AA; }
    .product-feature-details .social-share-buttons ul li:hover a.google-plus {
      background-color: #DD5144; }
    .product-feature-details .social-share-buttons ul li:hover a.pinterest {
      background-color: #BD081B; }

@media only screen and (max-width: 479px) {
  .product-feature-details .pro-qty {
    margin-bottom: 20px; } }

.product-feature-details .add-to-cart-btn {
  display: inline-block; }
  .product-feature-details .add-to-cart-btn a {
    padding: 15px 50px;
    background: #f2f2f2;
    line-height: 12px;
    display: inline-block;
    padding: 15px 30px;
    border-radius: 3px;
    color: #363f4d;
    font-weight: 500;
    font-size: 12px;
    background-color: #363f4d;
    color: #ffffff; }
    .product-feature-details .add-to-cart-btn a:hover {
      background-color: #9acf6a; }

/*=====  End of 02. Modal  ======*/
/*=============================================
=           03.  Header            =
=============================================*/
/*----------  sticky style  ----------*/
.header-container {
  /*----------  home three header style  ----------*/
  /*----------  home 4 header style  ----------*/
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-container.home-three-header {
      background-color: #222222; } }
  @media only screen and (max-width: 767px) {
    .header-container.home-three-header {
      background-color: #222222; } }
  @media only screen and (max-width: 575px) {
    .header-container.home-three-header .logo {
      text-align: center;
      margin-bottom: 30px; } }
  .header-container.home-three-header.is-sticky {
    background-color: rgba(0, 0, 0, 0.7);
    padding-top: 20px !important;
    padding-bottom: 20px !important; }
    .header-container.home-three-header.is-sticky:hover {
      background-color: rgba(0, 0, 0, 0.7); }
  .header-container.home-three-header .container-fluid {
    padding-left: 75px !important;
    padding-right: 75px !important; }
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
      .header-container.home-three-header .container-fluid {
        padding-left: 15px !important;
        padding-right: 15px !important; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .header-container.home-three-header .container-fluid {
        padding-left: 30px !important;
        padding-right: 30px !important; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .header-container.home-three-header .container-fluid {
        padding-left: 30px !important;
        padding-right: 30px !important; } }
    @media only screen and (max-width: 767px) {
      .header-container.home-three-header .container-fluid {
        padding-left: 30px !important;
        padding-right: 30px !important; } }
  .header-container.home-three-header .main-menu nav > ul > li > .sub-menu {
    left: -10px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header-container.home-three-header .main-menu nav > ul > li {
      margin-right: 15px; } }
  .header-container.home-three-header .main-menu nav > ul > li > a {
    color: #ffffff; }
    .header-container.home-three-header .main-menu nav > ul > li > a:hover {
      color: #9acf6a; }
  .header-container.home-three-header .mega-menu.three-column {
    left: -20px; }
  .header-container.home-three-header .mobile-menu .meanmenu-reveal {
    top: -40px; }
    .header-container.home-three-header .mobile-menu .meanmenu-reveal span.mean-menu-text {
      color: #ffffff; }
    .header-container.home-three-header .mobile-menu .meanmenu-reveal span.menu-bar {
      background-color: #ffffff; }
      .header-container.home-three-header .mobile-menu .meanmenu-reveal span.menu-bar:before {
        background-color: #ffffff; }
      .header-container.home-three-header .mobile-menu .meanmenu-reveal span.menu-bar:after {
        background-color: #ffffff; }
    .header-container.home-three-header .mobile-menu .meanmenu-reveal span.menu-close:before {
      background-color: #ffffff; }
    .header-container.home-three-header .mobile-menu .meanmenu-reveal span.menu-close:after {
      background-color: #ffffff; }
  .header-container.home-three-header .mobile-menu .mean-nav {
    margin-top: 15px; }
    .header-container.home-three-header .mobile-menu .mean-nav ul {
      margin-bottom: 0; }
  @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .header-container.home-three-header .cart-floating-box {
      right: 0; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header-container.home-three-header .cart-floating-box {
      right: 0; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-container.home-three-header .cart-floating-box {
      left: auto;
      right: -150px; } }
  @media only screen and (max-width: 575px) {
    .header-container.home-three-header .cart-floating-box {
      left: 0; } }
  @media only screen and (max-width: 479px) {
    .header-container.home-three-header .cart-floating-box {
      left: -60px; } }
  .header-container.header-container-home-4.is-sticky .navigation-menu .sticky-logo {
    position: absolute;
    top: 0;
    left: 15px;
    padding: 0;
    padding-top: 5px; }
  .header-container.header-container-home-4.is-sticky .navigation-menu .main-menu {
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%); }
    .header-container.header-container-home-4.is-sticky .navigation-menu .main-menu nav > ul > li > a {
      line-height: 65px; }
  .header-container.header-container-home-4.is-sticky .navigation-search {
    -webkit-transform: translateX(73%);
    -ms-transform: translateX(73%);
    transform: translateX(73%); }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-container {
      position: relative; } }
  @media only screen and (max-width: 767px) {
    .header-container {
      position: relative; } }
  .header-container.is-sticky {
    -webkit-animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11);
    background: rgba(255, 255, 255, 0.9);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
    .header-container.is-sticky:hover {
      background-color: #ffffff; }
    .header-container.is-sticky .navigation-menu {
      border-bottom: 0; }
      .header-container.is-sticky .navigation-menu .main-menu nav > ul > li > a {
        line-height: 54px; }
      .header-container.is-sticky .navigation-menu .hero-side-category {
        display: none; }
      .header-container.is-sticky .navigation-menu .sticky-logo {
        display: block;
        padding: 10px 0; }

/*----------  header top  ----------*/
.header-top {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #2c2c2c;
  font-style: normal;
  border-bottom: 1px solid #ededed; }
  .header-top .header-top-text p i {
    font-size: 18px; }
  @media only screen and (max-width: 479px) {
    .header-top .header-top-text p span {
      display: block;
      margin-top: 5px; } }

.header-top-dropdown span.separator {
  font-weight: 300;
  color: #ebebeb; }

.header-top-dropdown .single-dropdown {
  position: relative; }
  .header-top-dropdown .single-dropdown a:hover {
    color: #9acf6a; }
  .header-top-dropdown .single-dropdown a span i.fa {
    color: #d7d7d7; }
  .header-top-dropdown .single-dropdown .language-currency-list {
    padding: 5px 15px;
    border: none;
    text-align: center;
    position: absolute;
    top: 32px;
    left: auto;
    right: 0;
    min-width: 120px;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    background-color: #ffffff;
    z-index: 10;
    border-radius: 3px; }
    @media only screen and (max-width: 479px) {
      .header-top-dropdown .single-dropdown .language-currency-list {
        left: auto;
        right: -10px;
        min-width: 95px; } }
    .header-top-dropdown .single-dropdown .language-currency-list ul li {
      padding: 10px 0;
      border-bottom: 1px solid #ebebeb; }
      .header-top-dropdown .single-dropdown .language-currency-list ul li a {
        color: #7a7a7a;
        -webkit-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s; }
        .header-top-dropdown .single-dropdown .language-currency-list ul li a:hover {
          color: #9acf6a; }
      .header-top-dropdown .single-dropdown .language-currency-list ul li:last-child {
        border-bottom: none; }

/*----------  navigation menu top  ----------*/
.navigation-menu-top {
  border-bottom: 1px solid #ededed; }
  .navigation-menu-top.navigation-menu-top-home-4 .header-feature-container {
    -webkit-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
    margin-right: -15px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .navigation-menu-top.navigation-menu-top-home-4 .header-feature-container {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none; } }

/*----------  header feature container  ----------*/
.header-feature-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header-feature-container {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-feature-container {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }
  @media only screen and (max-width: 767px) {
    .header-feature-container {
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      display: none; } }
  @media only screen and (max-width: 575px) {
    .header-feature-container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; } }

/*----------  single feature  ----------*/
.single-feature {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 10px;
  -ms-flex-preferred-size: 31%;
  flex-basis: 31%; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-feature {
      margin-right: 0;
      -ms-flex-preferred-size: 33%;
      flex-basis: 33%; } }
  @media only screen and (max-width: 767px) {
    .single-feature {
      margin-right: 0;
      -ms-flex-preferred-size: 33%;
      flex-basis: 33%; } }
  @media only screen and (max-width: 575px) {
    .single-feature {
      margin-bottom: 15px;
      width: 60%; } }
  @media only screen and (max-width: 479px) {
    .single-feature {
      width: 80%; } }
  .single-feature .image {
    -ms-flex-preferred-size: 50px;
    flex-basis: 50px;
    height: 50px;
    border: 2px solid #ebebeb;
    text-align: center;
    border-radius: 50%;
    margin-right: 5px; }
    .single-feature .image i {
      font-size: 21px;
      line-height: 50px;
      color: #2c2c2c; }
  .single-feature .content {
    -ms-flex-preferred-size: calc(100% - 50px);
    flex-basis: calc(100% - 50px); }
    .single-feature .content h5 {
      font-size: 12px;
      line-height: 16px;
      font-weight: 500;
      color: #363f4d;
      font-style: normal;
      margin-bottom: 0; }
    .single-feature .content p {
      font-size: 13px;
      line-height: 17px;
      font-weight: 400;
      color: #91959b;
      font-style: normal; }

/*----------  minicart section  ----------*/
.minicart-section.minicart-section-home-4 {
  position: absolute;
  top: 63px;
  left: 65px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .minicart-section.minicart-section-home-4 {
      left: 30px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .minicart-section.minicart-section-home-4 {
      position: relative;
      left: 0;
      top: 0; } }
  @media only screen and (max-width: 767px) {
    .minicart-section.minicart-section-home-4 {
      position: relative;
      left: 0;
      top: 0; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .minicart-section.minicart-section-home-4 > a {
      padding-left: 50px; } }
  .minicart-section.minicart-section-home-4 span.image {
    border: none; }
    @media only screen and (max-width: 767px) {
      .minicart-section.minicart-section-home-4 span.image {
        border: 2px solid #ebebeb; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .minicart-section.minicart-section-home-4 span.image {
        border: 2px solid #ebebeb; } }

.minicart-section > a {
  display: block;
  position: relative;
  padding-left: 55px;
  padding-top: 5px;
  float: right; }
  .minicart-section > a h5 {
    font-size: 14px;
    line-height: 25px;
    font-weight: 500;
    color: #9acf6a;
    font-style: normal;
    margin-bottom: 0; }
  .minicart-section > a p {
    font-size: 13px;
    line-height: 16px;
    font-weight: 400;
    color: #838b98;
    font-style: normal; }

.minicart-section span.image {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  border: 2px solid #ebebeb;
  text-align: center;
  border-radius: 50%;
  margin-right: 5px; }
  .minicart-section span.image i {
    font-size: 21px;
    line-height: 50px;
    color: #2c2c2c; }

/*----------  Cart floating box  ----------*/
.cart-floating-box {
  position: absolute;
  top: 60px;
  z-index: 999999;
  right: 0;
  width: 360px;
  background-color: #ffffff;
  padding: 20px;
  padding-bottom: 35px;
  -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.15);
  border-radius: 3px; }
  .cart-floating-box.cart-floating-box-home-4 {
    top: 55px;
    right: 0; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .cart-floating-box.cart-floating-box-home-4 {
        top: 55px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .cart-floating-box {
      right: 10px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .cart-floating-box {
      left: 0;
      top: 60px; } }
  @media only screen and (max-width: 767px) {
    .cart-floating-box {
      right: 0; } }
  @media only screen and (max-width: 575px) {
    .cart-floating-box {
      right: 10px;
      left: auto; } }
  @media only screen and (max-width: 479px) {
    .cart-floating-box {
      width: 300px;
      left: auto;
      right: 10px; } }
  .cart-floating-box .cart-items {
    margin-bottom: 20px; }
  .cart-floating-box .cart-float-single-item {
    position: relative;
    border-bottom: 1px solid #ebebeb;
    padding: 15px 0; }
    .cart-floating-box .cart-float-single-item span.remove-item {
      position: absolute;
      top: 15px;
      right: -5px;
      font-size: 15px; }
      .cart-floating-box .cart-float-single-item span.remove-item a {
        background-color: #eaeaea;
        color: #2c2c2c;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        line-height: 20px;
        text-align: center; }
        .cart-floating-box .cart-float-single-item span.remove-item a:hover {
          color: #ffffff;
          background-color: #9acf6a; }
    .cart-floating-box .cart-float-single-item .cart-float-single-item-image {
      width: 150px;
      margin-right: 10px; }
      .cart-floating-box .cart-float-single-item .cart-float-single-item-image a {
        display: inline-block;
        border: 1px solid #ddd;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s; }
        .cart-floating-box .cart-float-single-item .cart-float-single-item-image a:hover {
          border: 1px solid #9acf6a; }
    .cart-floating-box .cart-float-single-item .cart-float-single-item-desc {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%; }
      @media only screen and (max-width: 479px) {
        .cart-floating-box .cart-float-single-item .cart-float-single-item-desc {
          padding-right: 10px; } }
      .cart-floating-box .cart-float-single-item .cart-float-single-item-desc p {
        margin-bottom: 5px; }
        .cart-floating-box .cart-float-single-item .cart-float-single-item-desc p.price {
          font-size: 16px;
          font-weight: 500;
          color: #9acf6a; }
        .cart-floating-box .cart-float-single-item .cart-float-single-item-desc p.product-title a {
          font-weight: 400;
          color: #2c2c2c;
          font-size: 14px;
          line-height: 25px; }
          .cart-floating-box .cart-float-single-item .cart-float-single-item-desc p.product-title a:hover {
            color: #9acf6a; }
  .cart-floating-box .cart-calculation .calculation-details {
    margin-bottom: 20px; }
    .cart-floating-box .cart-calculation .calculation-details p {
      font-weight: 600;
      text-transform: uppercase;
      color: #2c2c2c;
      font-size: 18px;
      line-height: 20px; }
      .cart-floating-box .cart-calculation .calculation-details p span {
        float: right; }
  .cart-floating-box .floating-cart-btn a.fl-btn {
    background: #f2f2f2;
    line-height: 12px;
    display: inline-block;
    padding: 15px 30px;
    border-radius: 3px;
    color: #363f4d;
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600; }
    .cart-floating-box .floating-cart-btn a.fl-btn:hover {
      background-color: #9acf6a;
      color: #ffffff; }

/*----------  Navigation menu  ----------*/
.navigation-menu {
  border-bottom: 1px solid #ededed; }
  .navigation-menu.navigation-menu-home-4 .sub-menu {
    left: 0; }
  .navigation-menu.navigation-menu-home-4 .mega-menu.three-column {
    left: -115px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .navigation-menu.navigation-menu-home-4 .main-menu > ul > li > a {
      line-height: 55px; } }
  .navigation-menu.navigation-menu-home-4 .navigation-search {
    border-right: 1px solid #ebebeb;
    -webkit-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%); }
  .navigation-menu.navigation-menu-home-4 .mobile-menu .mean-bar .meanmenu-reveal {
    left: 0 !important;
    width: 100px; }
    .navigation-menu.navigation-menu-home-4 .mobile-menu .mean-bar .meanmenu-reveal .mean-menu-text {
      left: 35px; }

/*----------  sticky logo  ----------*/
.sticky-logo {
  display: none; }

/*----------  main menu  ----------*/
.main-menu nav > ul > li {
  display: inline-block;
  margin-right: 40px;
  position: relative; }
  .main-menu nav > ul > li:last-child {
    margin-right: 0; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-menu nav > ul > li {
      margin-right: 30px; } }
  .main-menu nav > ul > li > a {
    display: block;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    color: #363f4d;
    line-height: 54px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .main-menu nav > ul > li > a {
        line-height: 40px; } }
  .main-menu nav > ul > li.menu-item-has-children > a::after {
    font-family: Fontawesome;
    content: "\f107";
    margin-left: 5px;
    float: right; }
  .main-menu nav > ul > li.active > a, .main-menu nav > ul > li:hover > a {
    color: #9acf6a;
    position: relative; }
  .main-menu nav > ul > li:hover > .sub-menu,
  .main-menu nav > ul > li:hover > .mega-menu {
    -webkit-transform: perspective(600px) rotateX(0deg);
    transform: perspective(600px) rotateX(0deg);
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    z-index: 999; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .main-menu nav > ul > li:hover > .sub-menu,
      .main-menu nav > ul > li:hover > .mega-menu {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none; } }

/* sub menu */
.sub-menu {
  position: absolute;
  left: -20px;
  top: 100%;
  background-color: #ffffff;
  -webkit-box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  z-index: -999;
  width: 250px;
  padding: 15px 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  -webkit-transform: perspective(600px) rotateX(-90deg);
  transform: perspective(600px) rotateX(-90deg);
  -webkit-transform-origin: center top 0;
  -ms-transform-origin: center top 0;
  transform-origin: center top 0; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .sub-menu {
      -webkit-transform: none;
      -ms-transform: none;
      transform: none; } }
  @media only screen and (max-width: 767px) {
    .sub-menu {
      -webkit-transform: none;
      -ms-transform: none;
      transform: none; } }
  @media only screen and (max-width: 575px) {
    .sub-menu {
      -webkit-transform: none;
      -ms-transform: none;
      transform: none; } }
  @media only screen and (max-width: 479px) {
    .sub-menu {
      -webkit-transform: none;
      -ms-transform: none;
      transform: none; } }
  .sub-menu li {
    position: relative; }
    .sub-menu li a {
      font-size: 13px;
      line-height: 24px;
      padding: 6px 20px;
      display: block;
      font-weight: 400;
      color: #7a7a7a;
      text-transform: capitalize; }
    .sub-menu li.menu-item-has-children > a::after {
      font-family: Fontawesome;
      content: "\f105";
      margin-left: 5px;
      float: right; }
    .sub-menu li.active > a, .sub-menu li:hover > a {
      color: #9acf6a;
      font-weight: 400; }
    .sub-menu li:hover > .sub-menu {
      -webkit-transform: perspective(600px) rotateX(0deg);
      transform: perspective(600px) rotateX(0deg);
      -webkit-transform-origin: center top 0;
      -ms-transform-origin: center top 0;
      transform-origin: center top 0;
      opacity: 1;
      visibility: visible;
      margin-top: 0;
      z-index: 999; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .sub-menu li:hover > .sub-menu {
          -webkit-transform: none;
          -ms-transform: none;
          transform: none; } }
      @media only screen and (max-width: 767px) {
        .sub-menu li:hover > .sub-menu {
          -webkit-transform: none;
          -ms-transform: none;
          transform: none; } }
      @media only screen and (max-width: 575px) {
        .sub-menu li:hover > .sub-menu {
          -webkit-transform: none;
          -ms-transform: none;
          transform: none; } }
      @media only screen and (max-width: 479px) {
        .sub-menu li:hover > .sub-menu {
          -webkit-transform: none;
          -ms-transform: none;
          transform: none; } }
  .sub-menu .sub-menu {
    left: 100%;
    right: auto;
    top: 0;
    margin-top: 30px;
    -webkit-transform: perspective(0) rotateX(0deg);
    transform: perspective(0) rotateX(0deg);
    -webkit-transform-origin: center top 0;
    -ms-transform-origin: center top 0;
    transform-origin: center top 0; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .sub-menu .sub-menu {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none; } }
    @media only screen and (max-width: 767px) {
      .sub-menu .sub-menu {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none; } }
    @media only screen and (max-width: 575px) {
      .sub-menu .sub-menu {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none; } }
    @media only screen and (max-width: 479px) {
      .sub-menu .sub-menu {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none; } }
    .sub-menu .sub-menu .sub-menu {
      left: auto;
      right: 100%; }
      .sub-menu .sub-menu .sub-menu .sub-menu {
        left: 100%;
        right: auto; }
      .sub-menu .sub-menu .sub-menu .sub-menu {
        left: auto;
        right: 100%; }

/* mega menu */
.mega-menu {
  position: absolute;
  left: 0;
  top: 100%;
  background-color: #ffffff;
  -webkit-box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  z-index: -999;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  -webkit-transform: perspective(600px) rotateX(-90deg);
  transform: perspective(600px) rotateX(-90deg);
  -webkit-transform-origin: center top 0;
  -ms-transform-origin: center top 0;
  transform-origin: center top 0; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mega-menu {
      -webkit-transform: none;
      -ms-transform: none;
      transform: none; } }
  @media only screen and (max-width: 767px) {
    .mega-menu {
      -webkit-transform: none;
      -ms-transform: none;
      transform: none; } }
  @media only screen and (max-width: 575px) {
    .mega-menu {
      -webkit-transform: none;
      -ms-transform: none;
      transform: none; } }
  @media only screen and (max-width: 479px) {
    .mega-menu {
      -webkit-transform: none;
      -ms-transform: none;
      transform: none; } }
  .mega-menu.two-column {
    width: 440px;
    left: -20px; }
    .mega-menu.two-column > li {
      width: 50%;
      padding: 20px 15px; }
  .mega-menu.three-column {
    width: 700px;
    left: -300px; }
    .mega-menu.three-column > li {
      width: 33.33%;
      padding: 20px 15px; }
  .mega-menu > li {
    position: relative;
    float: left; }
    .mega-menu > li > a {
      font-size: 14px;
      line-height: 24px;
      padding: 6px 20px;
      display: block;
      font-weight: 500;
      color: #333333;
      text-transform: capitalize; }
    .mega-menu > li.active > a, .mega-menu > li:hover > a {
      color: #9acf6a;
      font-weight: 500; }
    .mega-menu > li ul li a {
      font-size: 13px;
      line-height: 17px;
      padding: 6px 20px;
      display: block;
      font-weight: 400;
      color: #7a7a7a;
      text-transform: capitalize; }
    .mega-menu > li ul li.active > a, .mega-menu > li ul li:hover > a {
      color: #9acf6a;
      font-weight: 400; }
    .mega-menu > li.megamenu-banner {
      width: 100%; }
      .mega-menu > li.megamenu-banner a {
        display: block; }
        .mega-menu > li.megamenu-banner a img {
          width: 100%; }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            .mega-menu > li.megamenu-banner a img {
              display: none; } }
          @media only screen and (max-width: 767px) {
            .mega-menu > li.megamenu-banner a img {
              display: none; } }

/* navigation search */
.navigation-search {
  position: relative;
  border-left: 1px solid #ebebeb;
  padding-left: 15px;
  padding-right: 25px;
  height: 30px; }
  .navigation-search input {
    background: none;
    border: none;
    width: 100%;
    height: 100%;
    font-size: 14px;
    line-height: 39px;
    color: #a4a4a4;
    font-weight: 400; }
  .navigation-search button {
    background: none;
    border: none;
    position: absolute;
    top: 50%;
    right: 0;
    font-size: 24px;
    margin-top: -10px; }
    .navigation-search button:hover {
      color: #9acf6a;
      font-weight: 400; }
  .navigation-search ::-webkit-input-placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #a4a4a4;
    opacity: 1;
    /* Firefox */
    font-weight: 400; }
  .navigation-search :-ms-input-placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #a4a4a4;
    opacity: 1;
    /* Firefox */
    font-weight: 400; }
  .navigation-search ::-ms-input-placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #a4a4a4;
    opacity: 1;
    /* Firefox */
    font-weight: 400; }
  .navigation-search ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #a4a4a4;
    opacity: 1;
    /* Firefox */
    font-weight: 400; }
  .navigation-search :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #a4a4a4;
    font-weight: 400; }
  .navigation-search ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #a4a4a4;
    font-weight: 400; }

/* Mobile Menu*/
.mobile-menu .mean-bar {
  position: relative;
  text-align: right;
  /*---- Mean Nav ----*/ }
  .mobile-menu .mean-bar:before {
    position: absolute;
    top: 0;
    content: "MENU";
    left: 0;
    font-weight: 500;
    font-size: 16px;
    color: #363f4d;
    display: none; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .mobile-menu .mean-bar:before {
        left: 85%;
        top: -40px;
        width: 70px; } }
    @media only screen and (max-width: 767px) {
      .mobile-menu .mean-bar:before {
        left: 80%;
        top: -40px;
        width: 70px; } }
    @media only screen and (max-width: 575px) {
      .mobile-menu .mean-bar:before {
        left: 76%;
        top: -40px;
        width: 70px; } }
    @media only screen and (max-width: 479px) {
      .mobile-menu .mean-bar:before {
        left: 65%;
        top: -40px;
        width: 70px; } }
  .mobile-menu .mean-bar .meanmenu-reveal {
    position: absolute;
    top: -50px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .mobile-menu .mean-bar .meanmenu-reveal {
        top: -40px; } }
    @media only screen and (max-width: 767px) {
      .mobile-menu .mean-bar .meanmenu-reveal {
        top: -40px;
        z-index: 9; } }
    .mobile-menu .mean-bar .meanmenu-reveal span {
      position: relative;
      /*---- Menu Open ----*/
      /*---- Menu Close ----*/ }
      .mobile-menu .mean-bar .meanmenu-reveal span.menu-bar {
        height: 2px;
        width: 26px;
        background-color: #363f4d;
        display: block;
        margin: 8px 0; }
        .mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::before, .mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::after {
          content: "";
          position: absolute;
          left: 0;
          width: 100%;
          height: 100%;
          background-color: #363f4d; }
        .mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::before {
          top: -8px; }
        .mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::after {
          bottom: -8px; }
      .mobile-menu .mean-bar .meanmenu-reveal span.menu-close {
        height: 2px;
        width: 26px;
        background-color: transparent;
        display: block;
        margin: 8px 0; }
        .mobile-menu .mean-bar .meanmenu-reveal span.menu-close::before, .mobile-menu .mean-bar .meanmenu-reveal span.menu-close::after {
          content: "";
          position: absolute;
          left: 0;
          width: 100%;
          height: 100%;
          background-color: #363f4d; }
        .mobile-menu .mean-bar .meanmenu-reveal span.menu-close::before {
          top: 0;
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg); }
        .mobile-menu .mean-bar .meanmenu-reveal span.menu-close::after {
          bottom: 0;
          -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
          transform: rotate(-45deg); }
      .mobile-menu .mean-bar .meanmenu-reveal span.mean-menu-text {
        position: absolute !important;
        left: -50px;
        top: -3px;
        font-weight: 500;
        font-size: 16px;
        color: #363f4d; }
  .mobile-menu .mean-bar .mean-nav {
    text-align: left;
    background-color: #ffffff;
    margin-top: 50px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .mobile-menu .mean-bar .mean-nav {
        margin-top: 0; } }
    @media only screen and (max-width: 767px) {
      .mobile-menu .mean-bar .mean-nav {
        margin-top: 0; } }
    .mobile-menu .mean-bar .mean-nav > ul {
      margin-bottom: 40px;
      border: 1px solid #eeeeee;
      border-top: 0px solid transparent;
      overflow-x: hidden; }
      @media only screen and (max-width: 767px) {
        .mobile-menu .mean-bar .mean-nav > ul {
          max-height: 180px;
          overflow-y: auto; } }
      @media only screen and (max-width: 575px) {
        .mobile-menu .mean-bar .mean-nav > ul {
          max-height: 220px;
          overflow-y: auto; } }
      .mobile-menu .mean-bar .mean-nav > ul li {
        position: relative;
        display: block;
        float: left;
        width: 100%;
        /*---- Sub Menu & Mega Menu ----*/ }
        .mobile-menu .mean-bar .mean-nav > ul li a {
          font-size: 13px;
          display: block;
          color: #363f4d;
          font-weight: 400;
          text-transform: uppercase;
          line-height: 44px;
          position: relative;
          border-top: 1px solid #eeeeee;
          padding: 0 40px 0 20px;
          /*---- Menu Expand For Sub Menu ----*/ }
          .mobile-menu .mean-bar .mean-nav > ul li a::after {
            display: none; }
          .mobile-menu .mean-bar .mean-nav > ul li a:hover {
            color: #363f4d;
            padding-left: 25px; }
          .mobile-menu .mean-bar .mean-nav > ul li a.mean-expand {
            border: 1px solid #eeeeee;
            position: absolute;
            right: -1px;
            top: 0;
            font-size: 20px !important;
            color: #7a7a7a;
            line-height: 44px;
            height: 46px;
            width: 40px;
            text-align: center;
            padding: 0; }
            .mobile-menu .mean-bar .mean-nav > ul li a.mean-expand.mean-clicked {
              line-height: 40px; }
        .mobile-menu .mean-bar .mean-nav > ul li .sub-menu,
        .mobile-menu .mean-bar .mean-nav > ul li .mega-menu,
        .mobile-menu .mean-bar .mean-nav > ul li ul {
          position: static;
          background-color: rgba(0, 0, 0, 0.03);
          margin: 0;
          padding: 0 !important;
          width: 100%;
          -webkit-box-shadow: none;
          box-shadow: none;
          display: none;
          float: left;
          opacity: 1;
          visibility: visible;
          z-index: 1;
          -webkit-transition: none;
          -o-transition: none;
          transition: none; }
          .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li,
          .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li,
          .mobile-menu .mean-bar .mean-nav > ul li ul li {
            padding: 0;
            margin: 0;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            border-right: 0px solid transparent;
            width: 100%;
            display: block !important;
            float: left; }
            .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li a,
            .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li a,
            .mobile-menu .mean-bar .mean-nav > ul li ul li a {
              font-size: 12px;
              display: block !important; }
              .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li a::before,
              .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li a::before,
              .mobile-menu .mean-bar .mean-nav > ul li ul li a::before {
                display: none; }
            .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu,
            .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul,
            .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu,
            .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul,
            .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu,
            .mobile-menu .mean-bar .mean-nav > ul li ul li ul {
              background-color: rgba(0, 0, 0, 0.04); }
              .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu li a,
              .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul li a,
              .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu li a,
              .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul li a,
              .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu li a,
              .mobile-menu .mean-bar .mean-nav > ul li ul li ul li a {
                border-top: 1px solid #dddddd; }
                .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu li a.mean-expand,
                .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul li a.mean-expand,
                .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu li a.mean-expand,
                .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul li a.mean-expand,
                .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu li a.mean-expand,
                .mobile-menu .mean-bar .mean-nav > ul li ul li ul li a.mean-expand {
                  border: 1px solid #dddddd; }
              .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu .sub-menu,
              .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu ul,
              .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul .sub-menu,
              .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul ul,
              .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu .sub-menu,
              .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu ul,
              .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul .sub-menu,
              .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul ul,
              .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu .sub-menu,
              .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu ul,
              .mobile-menu .mean-bar .mean-nav > ul li ul li ul .sub-menu,
              .mobile-menu .mean-bar .mean-nav > ul li ul li ul ul {
                background-color: rgba(0, 0, 0, 0.05); }
                .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu .sub-menu li a,
                .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu ul li a,
                .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul .sub-menu li a,
                .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul ul li a,
                .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu .sub-menu li a,
                .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu ul li a,
                .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul .sub-menu li a,
                .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul ul li a,
                .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu .sub-menu li a,
                .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu ul li a,
                .mobile-menu .mean-bar .mean-nav > ul li ul li ul .sub-menu li a,
                .mobile-menu .mean-bar .mean-nav > ul li ul li ul ul li a {
                  border-top: 1px solid #eeeeee; }
                  .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu .sub-menu li a.mean-expand,
                  .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu ul li a.mean-expand,
                  .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul .sub-menu li a.mean-expand,
                  .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul ul li a.mean-expand,
                  .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu .sub-menu li a.mean-expand,
                  .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu ul li a.mean-expand,
                  .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul .sub-menu li a.mean-expand,
                  .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul ul li a.mean-expand,
                  .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu .sub-menu li a.mean-expand,
                  .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu ul li a.mean-expand,
                  .mobile-menu .mean-bar .mean-nav > ul li ul li ul .sub-menu li a.mean-expand,
                  .mobile-menu .mean-bar .mean-nav > ul li ul li ul ul li a.mean-expand {
                    border: 1px solid #eeeeee; }

/*----------  Category Menu  ----------*/
/*-- Category Toggle Wrap --*/
.category-toggle-wrap {
  width: 100%;
  position: relative; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .category-toggle-wrap {
      width: 50%; } }
  @media only screen and (max-width: 767px) {
    .category-toggle-wrap {
      width: 50%; } }
  .category-toggle-wrap .category-toggle {
    padding: 17px 25px;
    margin: 0;
    border: none;
    background-color: transparent;
    color: #ffffff;
    font-size: 13px;
    text-transform: capitalize;
    font-weight: 500;
    line-height: 20px;
    width: 100%;
    text-align: left;
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .category-toggle-wrap .category-toggle {
        font-size: 13px;
        padding: 10px 20px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .category-toggle-wrap .category-toggle {
        padding-left: 0;
        border-left: 0;
        border-right: 0; } }
    @media only screen and (max-width: 767px) {
      .category-toggle-wrap .category-toggle {
        padding-left: 0;
        border-left: 0;
        border-right: 0; } }
    .category-toggle-wrap .category-toggle i {
      font-size: 18px;
      margin-right: 5px; }
      .category-toggle-wrap .category-toggle i.menu {
        margin-right: 5px; }
        @media only screen and (min-width: 992px) and (max-width: 1199px) {
          .category-toggle-wrap .category-toggle i.menu {
            margin-right: 0; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .category-toggle-wrap .category-toggle i {
          font-size: 18px; } }
      @media only screen and (max-width: 767px) {
        .category-toggle-wrap .category-toggle i {
          font-size: 18px; } }

.hero-side-category {
  background-color: #ffffff;
  width: 100%;
  text-transform: capitalize;
  position: relative; }
  @media only screen and (max-width: 767px) {
    .hero-side-category {
      min-height: 50px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-side-category {
      width: 100%;
      position: relative; } }
  @media only screen and (max-width: 767px) {
    .hero-side-category {
      width: 100%;
      z-index: 9;
      position: relative;
      background-color: transparent; } }
  .hero-side-category .category-toggle-wrap {
    background-color: #ffffff; }
    .hero-side-category .category-toggle-wrap:hover {
      color: #9acf6a; }
    .hero-side-category .category-toggle-wrap .category-toggle {
      color: #363f4d; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .hero-side-category .category-toggle-wrap .category-toggle i {
          font-size: 18px; } }
      @media only screen and (max-width: 767px) {
        .hero-side-category .category-toggle-wrap .category-toggle i {
          font-size: 18px; } }
  .hero-side-category nav.category-menu {
    background-color: #ffffff;
    float: left;
    width: 100%;
    left: 0;
    top: 100%;
    border: 1px solid #ebebeb;
    position: absolute;
    display: none; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .hero-side-category nav.category-menu {
        position: absolute;
        top: 55px;
        z-index: 9; } }
    @media only screen and (max-width: 767px) {
      .hero-side-category nav.category-menu {
        position: absolute; } }
    @media only screen and (max-width: 767px) {
      .hero-side-category nav.category-menu > ul {
        max-height: 180px;
        overflow-y: auto; } }
    @media only screen and (max-width: 575px) {
      .hero-side-category nav.category-menu > ul {
        max-height: 220px;
        overflow-y: auto; } }
    .hero-side-category nav.category-menu > ul > li {
      position: relative; }
      .hero-side-category nav.category-menu > ul > li:last-child:before {
        display: none; }
      .hero-side-category nav.category-menu > ul > li:last-child > a {
        border-bottom: none !important; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .hero-side-category nav.category-menu > ul > li {
          position: relative; } }
      @media only screen and (max-width: 767px) {
        .hero-side-category nav.category-menu > ul > li {
          position: relative; } }
      .hero-side-category nav.category-menu > ul > li.menu-item-has-children {
        position: relative; }
        .hero-side-category nav.category-menu > ul > li.menu-item-has-children > a::before {
          font-family: 'fontAwesome';
          content: "\f054";
          position: absolute;
          right: 25px;
          top: 0;
          line-height: 50px;
          font-size: 10px; }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            .hero-side-category nav.category-menu > ul > li.menu-item-has-children > a::before {
              display: none; } }
          @media only screen and (max-width: 767px) {
            .hero-side-category nav.category-menu > ul > li.menu-item-has-children > a::before {
              display: none; } }
      .hero-side-category nav.category-menu > ul > li i {
        position: absolute;
        right: 0;
        top: 0;
        cursor: pointer;
        height: 50px;
        width: 40px;
        line-height: 50px;
        z-index: 9; }
        .hero-side-category nav.category-menu > ul > li i::before {
          background-color: #666b72;
          width: 8px;
          height: 2px;
          content: "";
          position: absolute;
          left: 50%;
          margin-left: -4px;
          margin-top: -1px;
          top: 50%; }
        .hero-side-category nav.category-menu > ul > li i::after {
          background-color: #666b72;
          width: 2px;
          height: 8px;
          content: "";
          position: absolute;
          left: 50%;
          margin-top: -4px;
          margin-left: -1px;
          top: 50%;
          -webkit-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          -webkit-transform: scaleY(0);
          -ms-transform: scaleY(0);
          transform: scaleY(0); }
        .hero-side-category nav.category-menu > ul > li i.expand::after {
          -webkit-transform: scaleY(1);
          -ms-transform: scaleY(1);
          transform: scaleY(1); }
      .hero-side-category nav.category-menu > ul > li > a {
        display: block;
        padding: 10px 25px;
        line-height: 30px;
        font-size: 13px;
        color: #666b72;
        font-weight: 400;
        position: relative;
        border-bottom: 1px solid #ebebeb; }
        @media only screen and (min-width: 992px) and (max-width: 1199px) {
          .hero-side-category nav.category-menu > ul > li > a {
            border-bottom: none; } }
        .hero-side-category nav.category-menu > ul > li > a:hover {
          color: #9acf6a; }
      .hero-side-category nav.category-menu > ul > li:hover .category-mega-menu {
        z-index: 9;
        opacity: 1;
        visibility: visible; }
      .hero-side-category nav.category-menu > ul > li:hover .category-submenu {
        z-index: 9;
        opacity: 1;
        visibility: visible; }
      .hero-side-category nav.category-menu > ul > li .banner {
        padding: 15px;
        max-width: 300px; }
    .hero-side-category nav.category-menu.category-menu-5 > ul > li > a {
      padding: 12px 25px; }
  .hero-side-category nav.shop-category-menu {
    background: none;
    display: block; }
    .hero-side-category nav.shop-category-menu ul li a {
      padding: 5px 0;
      display: block;
      line-height: 30px;
      font-size: 14px;
      color: #606060;
      font-weight: 500;
      position: relative;
      border-bottom: 1px solid #e8e8e8; }
      .hero-side-category nav.shop-category-menu ul li a:hover {
        color: #9acf6a; }
  .hero-side-category.shop-side-category {
    height: auto;
    min-height: 200px; }

/*-- Category Mega Menu --*/
.category-mega-menu {
  position: absolute;
  left: 270px;
  top: 0;
  background-color: #ffffff;
  -webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  z-index: 9;
  width: 250px;
  padding: 15px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .category-mega-menu {
      left: 210px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .category-mega-menu {
      -webkit-box-shadow: none;
      box-shadow: none; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .category-mega-menu {
      position: static;
      z-index: 9;
      opacity: 1;
      visibility: visible;
      background-color: transparent;
      padding: 0;
      width: 100%;
      -webkit-transition: none;
      -o-transition: none;
      transition: none; } }
  @media only screen and (max-width: 767px) {
    .category-mega-menu {
      position: static;
      z-index: 9;
      opacity: 1;
      visibility: visible;
      background-color: transparent;
      padding: 0;
      width: 100%;
      -webkit-transition: none;
      -o-transition: none;
      transition: none; } }
  .category-mega-menu > li {
    border-bottom: 1px solid #ebebeb; }
    .category-mega-menu > li a {
      padding: 10px 0;
      display: block;
      font-size: 13px; }
    .category-mega-menu > li:first-child a {
      padding-top: 0; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .category-mega-menu > li:first-child a {
          padding-top: 10px; } }
      @media only screen and (max-width: 767px) {
        .category-mega-menu > li:first-child a {
          padding-top: 10px; } }
    .category-mega-menu > li:last-child {
      border-bottom: 0; }
      .category-mega-menu > li:last-child a {
        padding-bottom: 0; }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .category-mega-menu > li:last-child a {
            padding-bottom: 10px; } }
        @media only screen and (max-width: 767px) {
          .category-mega-menu > li:last-child a {
            padding-bottom: 10px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .category-mega-menu > li {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        padding: 0;
        position: relative; }
        .category-mega-menu > li::before {
          content: "";
          float: left;
          height: 2px;
          width: 6px;
          background-color: #666b72;
          margin: 24px 0;
          position: relative;
          left: 25px; } }
    @media only screen and (max-width: 767px) {
      .category-mega-menu > li {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        padding: 0;
        position: relative; }
        .category-mega-menu > li::before {
          content: "";
          float: left;
          height: 2px;
          width: 6px;
          background-color: #666b72;
          margin: 24px 0;
          position: relative;
          left: 25px; } }
    .category-mega-menu > li > a {
      border-bottom: 1px solid #ebebeb; }
      .category-mega-menu > li > a:hover {
        color: #9acf6a; }
      @media only screen and (max-width: 767px) {
        .category-mega-menu > li > a {
          border-bottom: 1px solid #e8e8e8; } }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .category-mega-menu > li > a {
          border-bottom: none; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .category-mega-menu > li > a {
          padding: 10px 25px 10px 35px;
          line-height: 30px;
          font-size: 14px;
          color: #606060;
          font-weight: 400;
          position: relative;
          margin: 0;
          text-transform: inherit; } }
      @media only screen and (max-width: 767px) {
        .category-mega-menu > li > a {
          padding: 10px 25px 10px 35px;
          line-height: 30px;
          font-size: 14px;
          color: #666b72;
          font-weight: 400;
          position: relative;
          margin: 0;
          text-transform: inherit; } }
      .category-mega-menu > li > a a {
        padding: 10px 0;
        display: block;
        font-size: 13px; }
      .category-mega-menu > li > a:first-child a {
        padding-top: 0; }
      .category-mega-menu > li > a:last-child {
        border-bottom: 0; }
        .category-mega-menu > li > a:last-child a {
          padding-bottom: 0; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .category-mega-menu > li > ul li::before {
        content: "";
        float: left;
        height: 2px;
        width: 6px;
        background-color: #606060;
        margin: 24px 0;
        position: relative;
        left: 35px; } }
    @media only screen and (max-width: 767px) {
      .category-mega-menu > li > ul li::before {
        content: "";
        float: left;
        height: 2px;
        width: 6px;
        background-color: #666b72;
        margin: 24px 0;
        position: relative;
        left: 35px; } }
    @media only screen and (max-width: 767px) {
      .category-mega-menu > li > ul li a {
        border-bottom: 1px solid #e8e8e8; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .category-mega-menu > li > ul li a {
        border-bottom: none; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .category-mega-menu > li > ul li a {
        padding: 10px 25px 10px 45px;
        line-height: 30px;
        font-size: 13px;
        color: #666b72;
        font-weight: 400;
        position: relative; } }
    @media only screen and (max-width: 767px) {
      .category-mega-menu > li > ul li a {
        padding: 10px 25px 10px 45px;
        line-height: 30px;
        font-size: 13px;
        color: #666b72;
        font-weight: 400;
        position: relative; } }
    .category-mega-menu > li > ul li a:hover {
      color: #9acf6a; }
    .category-mega-menu > li.add {
      float: left;
      width: auto;
      padding: 0;
      border: none;
      margin: 30px -45px 0; }
      .category-mega-menu > li.add a {
        display: block;
        border: none;
        margin: 0; }
        .category-mega-menu > li.add a img {
          width: 100%; }

/* category submenu */
a#more-btn {
  font-weight: 500;
  font-size: 14px; }

/*----------  search icon menutop  ----------*/
.search-icon-menutop-tablet {
  position: absolute;
  top: 50%;
  margin-top: -14px;
  right: 120px;
  z-index: 9; }
  .search-icon-menutop-tablet.search-icon-menutop-tablet-home-4 {
    top: -40px;
    margin-top: 0;
    right: 15px; }
  .search-icon-menutop-tablet a {
    font-size: 25px;
    color: #363f4d; }

/*----------  search overlay  ----------*/
.search-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 999999;
  opacity: 0.9;
  display: none; }
  .search-overlay .search-overlay-close {
    position: absolute;
    top: 20px;
    right: 20px;
    color: #ffffff;
    font-size: 30px; }
    .search-overlay .search-overlay-close:hover {
      color: #9acf6a; }
  .search-overlay .search-box {
    position: absolute;
    top: 30vh;
    left: 50%;
    border: 1px solid #ffffff;
    padding: 10px 40px 10px 20px;
    width: 500px;
    margin-left: -250px;
    border-radius: 50px; }
    @media only screen and (max-width: 767px) {
      .search-overlay .search-box {
        width: 400px;
        margin-left: -200px; } }
    @media only screen and (max-width: 479px) {
      .search-overlay .search-box {
        width: 250px;
        margin-left: -125px; } }
    .search-overlay .search-box input {
      background: none;
      border: none;
      color: #ffffff;
      width: 100%;
      font-size: 14px; }
    .search-overlay .search-box button {
      background: none;
      border: none;
      color: #ffffff;
      position: absolute;
      right: 10px;
      font-size: 25px;
      top: 50%;
      margin-top: -12px; }

/*----------  header three icon style  ----------*/
.header-icons {
  /*----------  search icon  ----------*/ }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-icons {
      margin-right: 120px; } }
  @media only screen and (max-width: 767px) {
    .header-icons {
      margin-right: 100px; } }
  @media only screen and (max-width: 575px) {
    .header-icons {
      margin-right: 0;
      -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
      justify-content: flex-start !important; } }
  .header-icons .search-icon-menutop > a {
    color: #ffffff;
    font-size: 24px;
    text-align: right; }
    .header-icons .search-icon-menutop > a:hover {
      color: #9acf6a; }
  .header-icons .minicart-icon {
    position: relative;
    display: inline-block; }
    .header-icons .minicart-icon > a {
      color: #ffffff;
      font-size: 24px; }
      .header-icons .minicart-icon > a:hover {
        color: #9acf6a; }
    .header-icons .minicart-icon .cart-floating-box {
      top: 30px; }
      @media only screen and (max-width: 767px) {
        .header-icons .minicart-icon .cart-floating-box {
          right: -50px;
          top: 45px; } }
      @media only screen and (max-width: 575px) {
        .header-icons .minicart-icon .cart-floating-box {
          right: -200px; } }
      @media only screen and (max-width: 479px) {
        .header-icons .minicart-icon .cart-floating-box {
          right: -225px; } }
  .header-icons .settings-icon {
    position: relative;
    display: inline-block; }
    .header-icons .settings-icon > a {
      color: #ffffff;
      font-size: 24px; }
      .header-icons .settings-icon > a:hover {
        color: #9acf6a; }
  .header-icons .user-icon {
    position: relative;
    display: inline-block; }
    .header-icons .user-icon > a {
      color: #ffffff;
      font-size: 24px; }
      .header-icons .user-icon > a:hover {
        color: #9acf6a; }
  .header-icons .language-currency-list {
    padding: 5px 15px;
    border: none;
    text-align: center;
    position: absolute;
    top: 32px;
    left: auto;
    right: 0;
    min-width: 120px;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    background-color: #ffffff;
    z-index: 20;
    border-radius: 3px; }
    @media only screen and (max-width: 479px) {
      .header-icons .language-currency-list {
        left: auto;
        right: -10px; } }
    .header-icons .language-currency-list ul li {
      padding: 10px 0;
      border-bottom: 1px solid #ebebeb; }
      .header-icons .language-currency-list ul li a {
        color: #7a7a7a;
        -webkit-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s; }
        .header-icons .language-currency-list ul li a:hover {
          color: #9acf6a; }
      .header-icons .language-currency-list ul li:last-child {
        border-bottom: none; }

/*=====  End of 03. Header  ======*/
/*=============================================
=            Hero            =
=============================================*/
.slider-bg-1 {
  background-image: url("../images/sliders/01.jpg"); }

.slider-bg-2 {
  background-image: url("../images/sliders/02.jpg"); }

.slider-bg-3 {
  background-image: url("../images/sliders/03.jpg"); }

.slider-bg-4 {
  background-image: url("../images/sliders/04.jpg"); }

.slider-bg-5 {
  background-image: url("../images/sliders/05.jpg"); }

.slider-bg-6 {
  background-image: url("../images/sliders/07.jpg"); }

.slider-bg-7 {
  background-image: url("../images/sliders/08.jpg"); }

.slider-bg-8 {
  background-image: url("../images/sliders/12.jpg"); }

.slider-bg-9 {
  background-image: url("../images/sliders/09.jpg"); }

.slider-bg-10 {
  background-image: url("../images/sliders/10.jpg"); }

.slider-bg-11 {
  background-image: url("../images/sliders/11.jpg"); }

.hero-area.home-four {
  border-bottom: 1px solid #e5e5e5; }

.hero-slider .hero-slider-item {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #dddddd;
  padding: 0;
  height: 520px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-slider .hero-slider-item {
      height: 450px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-slider .hero-slider-item {
      height: 400px; } }
  @media only screen and (max-width: 767px) {
    .hero-slider .hero-slider-item {
      height: 350px;
      background-position-x: 50%; } }
  @media only screen and (max-width: 575px) {
    .hero-slider .hero-slider-item {
      background-position-x: 50%; } }
  @media only screen and (max-width: 479px) {
    .hero-slider .hero-slider-item {
      height: 300px; } }

.hero-slider .slider-content > * {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.hero-slider .slider-content p {
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #9acf6a;
  font-weight: 400; }
  .hero-slider .slider-content p.slider-price {
    color: #363f4d;
    margin-top: 20px; }
    @media only screen and (max-width: 767px) {
      .hero-slider .slider-content p.slider-price {
        margin-top: 10px; } }
    .hero-slider .slider-content p.slider-price span {
      font-size: 25px;
      line-height: 30px;
      font-weight: 500;
      color: #9acf6a; }
      @media only screen and (max-width: 479px) {
        .hero-slider .slider-content p.slider-price span {
          font-size: 20px;
          line-height: 30px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-slider .slider-content p {
      font-size: 14px;
      line-height: 20px; } }
  @media only screen and (max-width: 767px) {
    .hero-slider .slider-content p {
      font-size: 16px;
      line-height: 20px;
      width: 60%; } }
  @media only screen and (max-width: 479px) {
    .hero-slider .slider-content p {
      width: 100%; } }

.hero-slider .slider-content h1 {
  font-size: 48px;
  line-height: 55px;
  color: #363f4d;
  font-weight: 400;
  font-family: "Rubik", sans-serif;
  margin-bottom: 0; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-slider .slider-content h1 {
      font-size: 40px;
      line-height: 50px; } }
  @media only screen and (max-width: 767px) {
    .hero-slider .slider-content h1 {
      font-size: 32px;
      line-height: 40px; } }
  @media only screen and (max-width: 575px) {
    .hero-slider .slider-content h1 {
      font-size: 30px;
      line-height: 35px; } }
  @media only screen and (max-width: 479px) {
    .hero-slider .slider-content h1 {
      font-size: 25px;
      line-height: 30px; } }
  .hero-slider .slider-content h1 span {
    display: block; }

.hero-slider .slider-content a.slider-btn {
  background: #f2f2f2;
  line-height: 12px;
  display: inline-block;
  padding: 15px 30px;
  border-radius: 3px;
  color: #363f4d;
  font-weight: 500;
  font-size: 12px;
  background-color: transparent;
  border: 2px solid #9acf6a;
  color: #9acf6a;
  padding: 15px 35px;
  margin-top: 30px; }
  @media only screen and (max-width: 767px) {
    .hero-slider .slider-content a.slider-btn {
      padding: 10px 25px;
      margin-top: 20px; } }
  .hero-slider .slider-content a.slider-btn:hover {
    background-color: #9acf6a;
    border-color: #9acf6a;
    color: #ffffff; }

.hero-slider .slick-active {
  /*-- Hero Content --*/ }
  .hero-slider .slick-active .slider-content {
    overflow: hidden; }
    .hero-slider .slick-active .slider-content > * {
      -webkit-animation-name: slideInLeft;
      animation-name: slideInLeft; }
      .hero-slider .slick-active .slider-content > *:nth-child(1) {
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s;
        -webkit-animation-delay: 0.5s;
        animation-delay: 0.5s; }
      .hero-slider .slick-active .slider-content > *:nth-child(2) {
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s;
        -webkit-animation-delay: 1s;
        animation-delay: 1s; }
      .hero-slider .slick-active .slider-content > *:nth-child(3) {
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s;
        -webkit-animation-delay: 1.5s;
        animation-delay: 1.5s; }
      .hero-slider .slick-active .slider-content > *:nth-child(4) {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-delay: 2.5s;
        animation-delay: 2.5s; }

.hero-slider .slick-arrow {
  position: absolute;
  top: 50%;
  background: none;
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 14px;
  border: 1px solid #ffffff;
  color: #dadada;
  z-index: 2;
  margin-top: -20px;
  visibility: hidden;
  opacity: 0;
  background-color: #ffffff;
  border-radius: 50%; }
  @media only screen and (max-width: 767px) {
    .hero-slider .slick-arrow {
      display: none !important; } }
  .hero-slider .slick-arrow:hover {
    background-color: #9acf6a;
    border-color: #9acf6a;
    color: #ffffff; }
  .hero-slider .slick-arrow.slick-next {
    right: 20px;
    left: auto; }
  .hero-slider .slick-arrow.slick-prev {
    left: 20px;
    right: auto; }

.hero-slider .slick-dots {
  position: absolute;
  left: 50%;
  bottom: 20px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }
  @media only screen and (max-width: 479px) {
    .hero-slider .slick-dots {
      bottom: 10px; } }
  .hero-slider .slick-dots li {
    display: inline-block;
    margin-right: 10px; }
    .hero-slider .slick-dots li button {
      background: none;
      font-size: 0;
      width: 15px;
      height: 15px;
      background-color: #ffffff;
      border-radius: 50%;
      border: 2px solid #ddd;
      padding: 0; }
      .hero-slider .slick-dots li button:hover {
        border: 2px solid #9acf6a; }
    .hero-slider .slick-dots li.slick-active button {
      border: 2px solid #9acf6a; }
    .hero-slider .slick-dots li:last-child {
      margin-right: 0; }

.hero-slider:hover .slick-arrow {
  visibility: visible;
  opacity: 1; }
  .hero-slider:hover .slick-arrow.slick-next {
    right: 30px; }
  .hero-slider:hover .slick-arrow.slick-prev {
    left: 30px; }

.slider-style-2 .hero-slider-item {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #dddddd;
  padding: 0;
  height: 570px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-style-2 .hero-slider-item {
      height: 450px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-style-2 .hero-slider-item {
      height: 400px; } }
  @media only screen and (max-width: 767px) {
    .slider-style-2 .hero-slider-item {
      height: 400px;
      background-position-x: 30%; } }
  @media only screen and (max-width: 575px) {
    .slider-style-2 .hero-slider-item {
      background-position-x: 30%; } }
  @media only screen and (max-width: 479px) {
    .slider-style-2 .hero-slider-item {
      height: 400px;
      background-position-x: 42%; } }

.slider-style-2 .slider-content > * {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  overflow: hidden; }

.slider-style-2 .slider-content p {
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 25px;
  color: #363f4d;
  font-weight: 400; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-style-2 .slider-content p {
      font-size: 14px;
      line-height: 25px; } }
  @media only screen and (max-width: 767px) {
    .slider-style-2 .slider-content p {
      font-size: 16px;
      line-height: 30px; } }
  @media only screen and (max-width: 479px) {
    .slider-style-2 .slider-content p {
      width: 100%; } }

.slider-style-2 .slider-content h1 {
  font-size: 59px;
  line-height: 70px;
  color: #363f4d;
  font-weight: 400;
  font-family: "Rubik", sans-serif;
  margin-bottom: 10px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-style-2 .slider-content h1 {
      font-size: 40px;
      line-height: 50px; } }
  @media only screen and (max-width: 767px) {
    .slider-style-2 .slider-content h1 {
      font-size: 32px;
      line-height: 40px; } }
  @media only screen and (max-width: 575px) {
    .slider-style-2 .slider-content h1 {
      font-size: 30px;
      line-height: 35px; } }
  @media only screen and (max-width: 479px) {
    .slider-style-2 .slider-content h1 {
      font-size: 25px;
      line-height: 30px; } }
  .slider-style-2 .slider-content h1 span {
    display: block; }

.slider-style-2 .slider-content a.slider-btn {
  background: #f2f2f2;
  line-height: 12px;
  display: inline-block;
  padding: 15px 30px;
  border-radius: 3px;
  color: #363f4d;
  font-weight: 500;
  font-size: 12px;
  background-color: transparent;
  border: 2px solid #9acf6a;
  color: #9acf6a;
  padding: 15px 35px;
  margin-top: 30px; }
  @media only screen and (max-width: 767px) {
    .slider-style-2 .slider-content a.slider-btn {
      padding: 10px 25px;
      margin-top: 20px; } }
  .slider-style-2 .slider-content a.slider-btn:hover {
    background-color: #9acf6a;
    border-color: #9acf6a;
    color: #ffffff; }

.slider-style-2 .slick-active {
  /*-- Hero Content --*/ }
  .slider-style-2 .slick-active .slider-content {
    overflow: hidden; }
    .slider-style-2 .slick-active .slider-content > * {
      -webkit-animation-name: fadeInDown;
      animation-name: fadeInDown; }
      .slider-style-2 .slick-active .slider-content > *:nth-child(1) {
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s;
        -webkit-animation-delay: 0.5s;
        animation-delay: 0.5s; }
      .slider-style-2 .slick-active .slider-content > *:nth-child(2) {
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s;
        -webkit-animation-delay: 1s;
        animation-delay: 1s; }
      .slider-style-2 .slick-active .slider-content > *:nth-child(3) {
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s;
        -webkit-animation-delay: 1.5s;
        animation-delay: 1.5s; }
      .slider-style-2 .slick-active .slider-content > *:nth-child(4) {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-delay: 2.5s;
        animation-delay: 2.5s; }

.slider-style-2 .slick-arrow {
  position: absolute;
  top: 50%;
  background: none;
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 14px;
  border: 1px solid #ffffff;
  color: #dadada;
  z-index: 2;
  margin-top: -20px;
  visibility: hidden;
  opacity: 0;
  background-color: #ffffff;
  border-radius: 50%; }
  @media only screen and (max-width: 767px) {
    .slider-style-2 .slick-arrow {
      display: none !important; } }
  .slider-style-2 .slick-arrow:hover {
    background-color: #9acf6a;
    border-color: #9acf6a;
    color: #ffffff; }
  .slider-style-2 .slick-arrow.slick-next {
    right: 20px;
    left: auto; }
  .slider-style-2 .slick-arrow.slick-prev {
    left: 20px;
    right: auto; }

.slider-style-2 .slick-dots {
  position: absolute;
  left: 50%;
  bottom: 20px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }
  @media only screen and (max-width: 479px) {
    .slider-style-2 .slick-dots {
      bottom: 10px; } }
  .slider-style-2 .slick-dots li {
    display: inline-block;
    margin-right: 10px; }
    .slider-style-2 .slick-dots li button {
      background: none;
      font-size: 0;
      width: 15px;
      height: 15px;
      background-color: #ffffff;
      border-radius: 50%;
      border: 2px solid #ddd;
      padding: 0; }
      .slider-style-2 .slick-dots li button:hover {
        border: 2px solid #9acf6a; }
    .slider-style-2 .slick-dots li.slick-active button {
      border: 2px solid #9acf6a; }
    .slider-style-2 .slick-dots li:last-child {
      margin-right: 0; }

.slider-style-2:hover .slick-arrow {
  visibility: visible;
  opacity: 1; }
  .slider-style-2:hover .slick-arrow.slick-next {
    right: 30px; }
  .slider-style-2:hover .slick-arrow.slick-prev {
    left: 30px; }

.slider-style-3 .hero-slider-item {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #dddddd;
  padding: 0;
  height: 740px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-style-3 .hero-slider-item {
      height: 650px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-style-3 .hero-slider-item {
      height: 500px; } }
  @media only screen and (max-width: 767px) {
    .slider-style-3 .hero-slider-item {
      height: 450px;
      background-position-x: 50%; } }
  @media only screen and (max-width: 575px) {
    .slider-style-3 .hero-slider-item {
      background-position-x: 40%; } }
  @media only screen and (max-width: 479px) {
    .slider-style-3 .hero-slider-item {
      height: 400px; } }

.slider-style-3 .slider-content > * {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.slider-style-3 .slider-content p {
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 22px;
  color: #ffffff;
  font-weight: 400; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-style-3 .slider-content p {
      font-size: 14px;
      line-height: 22px; } }
  @media only screen and (max-width: 767px) {
    .slider-style-3 .slider-content p {
      font-size: 14px;
      line-height: 20px;
      width: 60%; } }
  @media only screen and (max-width: 479px) {
    .slider-style-3 .slider-content p {
      width: 100%; } }

.slider-style-3 .slider-content h1 {
  font-size: 48px;
  line-height: 55px;
  color: #ffffff;
  font-weight: 400;
  font-family: "Rubik", sans-serif;
  margin-bottom: 15px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-style-3 .slider-content h1 {
      font-size: 40px;
      line-height: 50px; } }
  @media only screen and (max-width: 767px) {
    .slider-style-3 .slider-content h1 {
      font-size: 32px;
      line-height: 40px; } }
  @media only screen and (max-width: 575px) {
    .slider-style-3 .slider-content h1 {
      font-size: 30px;
      line-height: 35px; } }
  @media only screen and (max-width: 479px) {
    .slider-style-3 .slider-content h1 {
      font-size: 25px;
      line-height: 30px; } }
  .slider-style-3 .slider-content h1 span {
    display: block; }

.slider-style-3 .slider-content .image {
  margin-bottom: 10px; }

.slider-style-3 .slider-content a.slider-btn {
  background: #f2f2f2;
  line-height: 12px;
  display: inline-block;
  padding: 15px 30px;
  border-radius: 3px;
  color: #363f4d;
  font-weight: 500;
  font-size: 12px;
  background-color: transparent;
  border: 2px solid #ffffff;
  color: #ffffff;
  padding: 15px 35px;
  margin-top: 30px; }
  @media only screen and (max-width: 767px) {
    .slider-style-3 .slider-content a.slider-btn {
      padding: 10px 25px;
      margin-top: 20px; } }
  .slider-style-3 .slider-content a.slider-btn:hover {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #363f4d; }

.slider-style-3 .slick-active {
  /*-- Hero Content --*/ }
  .slider-style-3 .slick-active .slider-content {
    overflow: hidden; }
    .slider-style-3 .slick-active .slider-content > * {
      -webkit-animation-name: slideInLeft;
      animation-name: slideInLeft; }
      .slider-style-3 .slick-active .slider-content > *:nth-child(1) {
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s;
        -webkit-animation-delay: 0.5s;
        animation-delay: 0.5s; }
      .slider-style-3 .slick-active .slider-content > *:nth-child(2) {
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s;
        -webkit-animation-delay: 1s;
        animation-delay: 1s; }
      .slider-style-3 .slick-active .slider-content > *:nth-child(3) {
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s;
        -webkit-animation-delay: 1.5s;
        animation-delay: 1.5s; }
      .slider-style-3 .slick-active .slider-content > *:nth-child(4) {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-delay: 2.5s;
        animation-delay: 2.5s; }
      .slider-style-3 .slick-active .slider-content > *:nth-child(5) {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-delay: 3.5s;
        animation-delay: 3.5s; }

.slider-style-3 .slick-arrow {
  position: absolute;
  top: 50%;
  background: none;
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 14px;
  border: 1px solid #ffffff;
  color: #dadada;
  z-index: 2;
  margin-top: -20px;
  visibility: hidden;
  opacity: 0;
  background-color: #ffffff;
  border-radius: 50%; }
  @media only screen and (max-width: 767px) {
    .slider-style-3 .slick-arrow {
      display: none !important; } }
  .slider-style-3 .slick-arrow:hover {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #363f4d; }
  .slider-style-3 .slick-arrow.slick-next {
    right: 20px;
    left: auto; }
  .slider-style-3 .slick-arrow.slick-prev {
    left: 20px;
    right: auto; }

.slider-style-3 .slick-dots {
  position: absolute;
  left: 50%;
  bottom: 20px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }
  @media only screen and (max-width: 479px) {
    .slider-style-3 .slick-dots {
      bottom: 10px; } }
  .slider-style-3 .slick-dots li {
    display: inline-block;
    margin-right: 10px; }
    .slider-style-3 .slick-dots li button {
      background: none;
      font-size: 0;
      width: 15px;
      height: 15px;
      background-color: #ffffff;
      border-radius: 50%;
      border: 2px solid #ddd;
      padding: 0; }
      .slider-style-3 .slick-dots li button:hover {
        border: 2px solid #363f4d; }
    .slider-style-3 .slick-dots li.slick-active button {
      border: 2px solid #363f4d; }
    .slider-style-3 .slick-dots li:last-child {
      margin-right: 0; }

.slider-style-3:hover .slick-arrow {
  visibility: visible;
  opacity: 1; }
  .slider-style-3:hover .slick-arrow.slick-next {
    right: 30px; }
  .slider-style-3:hover .slick-arrow.slick-prev {
    left: 30px; }

/*=====  End of Hero  ======*/
/*=============================================
=           05. Slider            =
=============================================*/
/*---------- default slider  ----------*/
.fl-slider {
  border: 1px solid #ebebeb; }
  .fl-slider .fl-product {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 30px 0; }
  .fl-slider .slick-active .fl-product {
    -webkit-box-shadow: 1px 0 0 0 #ebebeb;
    box-shadow: 1px 0 0 0 #ebebeb; }
  .fl-slider .slick-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: none;
    width: 50px;
    height: 50px;
    font-size: 20px;
    line-height: 46px;
    text-align: center;
    border: 2px solid #ebebeb;
    border-radius: 50%;
    z-index: 9;
    color: #ebebeb;
    background-color: #ffffff;
    visibility: hidden;
    opacity: 0; }
    .fl-slider .slick-arrow.slick-next {
      right: 0;
      margin-right: -25px; }
      @media only screen and (min-width: 1200px) and (max-width: 1499px) {
        .fl-slider .slick-arrow.slick-next {
          margin-right: 10px; } }
    .fl-slider .slick-arrow.slick-prev {
      margin-left: -25px; }
      @media only screen and (min-width: 1200px) and (max-width: 1499px) {
        .fl-slider .slick-arrow.slick-prev {
          margin-left: 10px; } }
    .fl-slider .slick-arrow:hover {
      background-color: #9acf6a;
      color: #ffffff;
      border-color: #9acf6a; }
    @media only screen and (max-width: 767px) {
      .fl-slider .slick-arrow {
        display: none !important; } }
  .fl-slider:hover .slick-arrow {
    visibility: visible;
    opacity: 1; }

/*----------  brand  logo slider  ----------*/
.brand-logo-slider.home-four-brand-slider .single-brand a img {
  background-color: #ffffff !important; }

.brand-logo-slider-container .slick-slide > div > div {
  vertical-align: middle; }

.brand-logo-slider-container .single-brand a {
  display: block;
  overflow: hidden;
  text-align: center; }
  .brand-logo-slider-container .single-brand a img {
    -webkit-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    margin: 0 auto;
    border: 1px solid #ebebeb; }

/*----------  tab slider  ----------*/
.tab-slider-wrapper .fl-slider {
  border: none; }

.tab-slider-wrapper .tab-content {
  border: 1px solid #ebebeb; }

.tab-slider-wrapper nav {
  border: 1px solid #ebebeb;
  border-bottom: none;
  padding: 15px 0; }
  .tab-slider-wrapper nav .nav-tabs {
    border-bottom: none; }
    @media only screen and (max-width: 479px) {
      .tab-slider-wrapper nav .nav-tabs {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; } }
    .tab-slider-wrapper nav .nav-tabs .nav-link {
      font-size: 14px;
      line-height: 20px;
      font-weight: 700;
      color: #c3c3c3;
      text-transform: uppercase;
      border-right: 1px solid #ebebeb;
      padding: 0 30px; }
      @media only screen and (max-width: 767px) {
        .tab-slider-wrapper nav .nav-tabs .nav-link {
          padding: 0 15px; } }
      @media only screen and (max-width: 575px) {
        .tab-slider-wrapper nav .nav-tabs .nav-link {
          font-size: 12px; } }
      @media only screen and (max-width: 479px) {
        .tab-slider-wrapper nav .nav-tabs .nav-link {
          padding: 5px 15px;
          border-right: transparent; } }
      .tab-slider-wrapper nav .nav-tabs .nav-link:hover, .tab-slider-wrapper nav .nav-tabs .nav-link:focus, .tab-slider-wrapper nav .nav-tabs .nav-link:active {
        border-color: transparent;
        border-right: 1px solid #ebebeb;
        color: #363f4d; }
        @media only screen and (max-width: 479px) {
          .tab-slider-wrapper nav .nav-tabs .nav-link:hover, .tab-slider-wrapper nav .nav-tabs .nav-link:focus, .tab-slider-wrapper nav .nav-tabs .nav-link:active {
            border-right: none; } }
      .tab-slider-wrapper nav .nav-tabs .nav-link.active {
        border-color: transparent;
        border-right: 1px solid #ebebeb;
        color: #363f4d; }
        @media only screen and (max-width: 479px) {
          .tab-slider-wrapper nav .nav-tabs .nav-link.active {
            border-right: transparent; } }
      .tab-slider-wrapper nav .nav-tabs .nav-link:last-child {
        border: none; }

.tab-slider-wrapper-two .fl-slider {
  border: none;
  border-bottom: 1px solid #ebebeb; }

.tab-slider-wrapper-two nav .nav-tabs {
  border-bottom: 1px solid #ebebeb; }
  .tab-slider-wrapper-two nav .nav-tabs .nav-link {
    border-color: transparent;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    color: #c3c3c3;
    position: relative; }
    @media only screen and (max-width: 767px) {
      .tab-slider-wrapper-two nav .nav-tabs .nav-link {
        font-size: 14px;
        line-height: 25px; } }
    @media only screen and (max-width: 575px) {
      .tab-slider-wrapper-two nav .nav-tabs .nav-link {
        padding: 10px; } }
    .tab-slider-wrapper-two nav .nav-tabs .nav-link:after {
      background: #9acf6a;
      content: "";
      width: 0;
      height: 2px;
      position: absolute;
      bottom: -2px;
      left: 0;
      right: 0;
      margin: auto;
      -webkit-transition: 0.4s;
      -o-transition: 0.4s;
      transition: 0.4s; }
    .tab-slider-wrapper-two nav .nav-tabs .nav-link:hover {
      color: #363f4d; }
      .tab-slider-wrapper-two nav .nav-tabs .nav-link:hover:after {
        width: 50px; }
    .tab-slider-wrapper-two nav .nav-tabs .nav-link.active {
      color: #363f4d; }
      .tab-slider-wrapper-two nav .nav-tabs .nav-link.active:after {
        width: 50px; }

/*----------  vertical banner slider  ----------*/
.slider-vertical-banner-sidebar-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%; }
  @media only screen and (max-width: 767px) {
    .slider-vertical-banner-sidebar-container {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      height: auto; } }
  .slider-vertical-banner-sidebar-container .slider-sidebar {
    width: 200px; }
    @media only screen and (max-width: 767px) {
      .slider-vertical-banner-sidebar-container .slider-sidebar {
        width: 100%; } }
  .slider-vertical-banner-sidebar-container .slider-banner {
    width: 330px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .slider-vertical-banner-sidebar-container .slider-banner {
        width: 315px; } }
    @media only screen and (max-width: 767px) {
      .slider-vertical-banner-sidebar-container .slider-banner {
        width: 100%; } }
  .slider-vertical-banner-sidebar-container .vertical-banner-slider {
    width: calc(100% - 530px); }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .slider-vertical-banner-sidebar-container .vertical-banner-slider {
        width: calc(100% - 515px); } }
    @media only screen and (max-width: 767px) {
      .slider-vertical-banner-sidebar-container .vertical-banner-slider {
        width: 100%; } }
    .slider-vertical-banner-sidebar-container .vertical-banner-slider .slick-active > div:first-child {
      border-bottom: 1px solid #ebebeb; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .slider-vertical-banner-sidebar-container .vertical-banner-slider .slick-active .fl-product .image {
        width: calc(100% - 15px); } }
    .slider-vertical-banner-sidebar-container .vertical-banner-slider .fl-product {
      margin: 19px 0; }

/*----------  bestseller slider  ----------*/
.bestseller-slider-container .fl-slider {
  border: none;
  border-bottom: 1px solid #ebebeb; }
  .bestseller-slider-container .fl-slider .fl-product {
    margin-top: 0;
    margin-bottom: 30px; }

/*----------  featured category slider   ----------*/
.featured-category-slider {
  background-color: #f9f9fb; }
  .featured-category-slider .single-category {
    text-align: center;
    -webkit-box-shadow: 1px 0 0 0 #ebebeb;
    box-shadow: 1px 0 0 0 #ebebeb;
    padding-top: 80px;
    padding-bottom: 80px; }
    .featured-category-slider .single-category:hover {
      background-color: #FFFFFF; }
    .featured-category-slider .single-category .image {
      margin-bottom: 15px; }
    .featured-category-slider .single-category .content a {
      font-size: 13px;
      line-height: 17px;
      font-weight: 500;
      color: #363f4d; }
      .featured-category-slider .single-category .content a:hover {
        color: #9acf6a; }

/*----------  blog post slider container  ----------*/
.blog-post-slider-container.fl-slider .col {
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

.blog-post-slider-container.fl-slider .slick-active .col {
  -webkit-box-shadow: 1px 0 0 0 #ebebeb !important;
  box-shadow: 1px 0 0 0 #ebebeb !important; }

/*----------  blog post slider container two  ----------*/
.blog-post-slider-container-two.fl-slider {
  padding-top: 0;
  border: none !important;
  border-bottom: 1px solid #ebebeb !important; }
  .blog-post-slider-container-two.fl-slider .col {
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }
  .blog-post-slider-container-two.fl-slider .slick-active .col {
    -webkit-box-shadow: 1px 0 0 0 #ebebeb !important;
    box-shadow: 1px 0 0 0 #ebebeb !important; }

/*----------  instagram slider  ----------*/
.instagram-image-slider-container .slick-slide > div > div {
  vertical-align: middle; }

.instagram-image-slider-container .instagram-item a {
  display: block;
  width: 100%; }
  .instagram-image-slider-container .instagram-item a img {
    max-width: 100%; }
  .instagram-image-slider-container .instagram-item a:hover img {
    opacity: 0.85; }

/*----------  slider banner sidebar three  ----------*/
.slider-banner-sidebar-three .slider-banner-sidebar-three-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background-color: #ffffff; }

.slider-banner-sidebar-three .sidebar-container {
  border: 1px solid #ebebeb;
  height: 180px;
  padding: 25px;
  width: 35%; }
  @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .slider-banner-sidebar-three .sidebar-container {
      padding: 25px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-banner-sidebar-three .sidebar-container {
      padding: 21.5px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-banner-sidebar-three .sidebar-container {
      width: 100%; } }
  @media only screen and (max-width: 767px) {
    .slider-banner-sidebar-three .sidebar-container {
      width: 100%; } }

.slider-banner-sidebar-three .slider-banner {
  width: 65%; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-banner-sidebar-three .slider-banner {
      width: 100%; } }
  @media only screen and (max-width: 767px) {
    .slider-banner-sidebar-three .slider-banner {
      width: 100%; } }

.slider-banner-sidebar-three .tab-product-slider {
  width: 100%; }

.slider-banner-sidebar-three .section-title-three h3 {
  font-size: 14px;
  line-height: 19px;
  font-weight: 700;
  color: #363f4d; }
  .slider-banner-sidebar-three .section-title-three h3:after {
    border-bottom: 2px solid #9acf6a;
    content: "";
    width: 45px;
    display: block;
    margin-top: 5px; }

.slider-banner-sidebar-three .sidebar ul li:not(:last-child) {
  float: left;
  width: 46%;
  border-bottom: 1px solid #ebebeb;
  line-height: 35px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-banner-sidebar-three .sidebar ul li:not(:last-child) {
      line-height: 25px; } }
  @media only screen and (max-width: 479px) {
    .slider-banner-sidebar-three .sidebar ul li:not(:last-child) {
      line-height: 25px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-banner-sidebar-three .sidebar ul li:not(:last-child) a {
      font-size: 12px; } }
  @media only screen and (max-width: 479px) {
    .slider-banner-sidebar-three .sidebar ul li:not(:last-child) a {
      font-size: 12px; } }
  .slider-banner-sidebar-three .sidebar ul li:not(:last-child):nth-of-type(2n) {
    float: right; }

.slider-banner-sidebar-three .sidebar ul li {
  line-height: 35px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-banner-sidebar-three .sidebar ul li:last-child {
      line-height: 25px; }
      .slider-banner-sidebar-three .sidebar ul li:last-child a {
        font-size: 12px; } }
  @media only screen and (max-width: 479px) {
    .slider-banner-sidebar-three .sidebar ul li:last-child {
      line-height: 25px; }
      .slider-banner-sidebar-three .sidebar ul li:last-child a {
        font-size: 12px; } }

/*----------  product image slider  ----------*/
.small-image-slider .slick-slide > div > div {
  vertical-align: middle; }

.product-image-slider .nav.small-image-slider a {
  display: block;
  border: none;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .product-image-slider .nav.small-image-slider a:hover {
    border-color: #c1bcbc; }

.product-image-slider .nav.small-image-slider a img {
  width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.product-image-slider .product-small-image-list {
  margin: 15px 0; }
  @media only screen and (max-width: 479px) {
    .product-image-slider .product-small-image-list {
      margin-bottom: 0; } }

.product-image-slider .nav.small-image-slider {
  padding: 0 26px; }

.product-image-slider .single-small-image {
  padding: 0 10px; }

.product-image-slider .small-image-slider .slick-list {
  width: 100%; }

.product-image-slider .slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  background: #fff;
  color: #333;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  line-height: 26px;
  font-size: 14px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-align: center;
  z-index: 99; }
  .product-image-slider .slick-arrow.slick-next {
    left: auto;
    right: 15px; }
  .product-image-slider .slick-arrow.slick-prev {
    left: 15px;
    right: auto; }

.product-image-slider .slick-arrow:hover {
  background: #9acf6a;
  color: #fff;
  border-color: #9acf6a; }

.product-image-slider .product-small-image-list .small-image-slider {
  margin-left: -15px;
  margin-right: -15px; }

.fl-product-image-slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  @media only screen and (max-width: 479px) {
    .fl-product-image-slider {
      display: block; } }
  @media only screen and (max-width: 767px) {
    .fl-product-image-slider {
      margin-bottom: 0; } }
  .fl-product-image-slider .single-small-image {
    padding: 0;
    padding-right: 10px;
    padding-bottom: 10px; }
    @media only screen and (max-width: 479px) {
      .fl-product-image-slider .single-small-image {
        padding-bottom: 0; } }
  .fl-product-image-slider .product-small-image-list .small-image-slider {
    margin-left: 0;
    margin-right: 0; }
  .fl-product-image-slider .fl-product-large-image-list {
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%; }
  .fl-product-image-slider .fl-product-small-image-list {
    -ms-flex-preferred-size: 130px;
    flex-basis: 130px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .fl-product-image-slider .fl-product-small-image-list {
        -ms-flex-preferred-size: 110px;
        flex-basis: 110px; } }
    @media only screen and (max-width: 575px) {
      .fl-product-image-slider .fl-product-small-image-list {
        -ms-flex-preferred-size: 100px;
        flex-basis: 100px; } }
    @media only screen and (max-width: 479px) {
      .fl-product-image-slider .fl-product-small-image-list {
        -ms-flex-preferred-size: 70px;
        flex-basis: 70px; } }
  .fl-product-image-slider .nav.small-image-slider {
    padding: 0; }
  .fl-product-image-slider .fl-small-image-slider:hover .slick-arrow {
    visibility: visible;
    opacity: 1; }
  .fl-product-image-slider .fl-small-image-slider .slick-arrow {
    width: 50px;
    visibility: hidden;
    opacity: 0; }
    @media only screen and (max-width: 479px) {
      .fl-product-image-slider .fl-small-image-slider .slick-arrow {
        width: 25px; } }
    .fl-product-image-slider .fl-small-image-slider .slick-arrow.slick-prev {
      top: 0;
      left: 50%;
      margin-left: -25px; }
      @media only screen and (max-width: 479px) {
        .fl-product-image-slider .fl-small-image-slider .slick-arrow.slick-prev {
          top: 50%;
          left: 15px;
          right: auto; } }
    .fl-product-image-slider .fl-small-image-slider .slick-arrow.slick-next {
      bottom: -25px;
      left: 50%;
      margin-left: -25px;
      top: auto; }
      @media only screen and (max-width: 479px) {
        .fl-product-image-slider .fl-small-image-slider .slick-arrow.slick-next {
          top: 50%;
          right: 0;
          left: auto; } }

/*----------  product tabstyle 3 additional style  ----------*/
.fl3-product-image-slider {
  display: block; }
  .fl3-product-image-slider .product-large-image-list .tab-pane .single-product-img img {
    border: 1px solid #ebebeb; }
  .fl3-product-image-slider.quickview-product-image-slider .quickview-product-large-image-list .tab-pane .single-product-img img {
    border: 1px solid #ebebeb; }
  .fl3-product-image-slider .single-small-image {
    padding: 0 10px; }
  .fl3-product-image-slider .single-product-img img {
    width: 100%; }
  .fl3-product-image-slider .fl3-product-small-image-list {
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 0; }
    .fl3-product-image-slider .fl3-product-small-image-list a img {
      border: 1px solid #ebebeb; }
    .fl3-product-image-slider .fl3-product-small-image-list.quickview-product-small-image-list .single-small-image a img {
      border: 1px solid #ebebeb; }
    .fl3-product-image-slider .fl3-product-small-image-list:hover .slick-arrow {
      visibility: visible;
      opacity: 1; }
    .fl3-product-image-slider .fl3-product-small-image-list .slick-arrow {
      height: 30px;
      width: 30px;
      border-radius: 50%;
      line-height: 30px;
      visibility: hidden;
      opacity: 0; }
      .fl3-product-image-slider .fl3-product-small-image-list .slick-arrow.slick-prev {
        left: 0;
        right: auto; }
      .fl3-product-image-slider .fl3-product-small-image-list .slick-arrow.slick-next {
        right: 0;
        left: auto; }

/*----------  single product gallery image slider  ----------*/
.single-product-image-gallery-slider {
  border: none !important; }
  .single-product-image-gallery-slider .single-product-img {
    border: 1px solid #ebebeb; }
  .single-product-image-gallery-slider .slick-list {
    margin-left: -15px;
    margin-right: -15px; }

/*----------  blog image gallery  ----------*/
.blog-image-gallery .slick-slide > div > div {
  vertical-align: middle; }

/*=====  End of 05. Slider  ======*/
/*=============================================
=            06. Banner            =
=============================================*/
/*----------  background banner style  ----------*/
.banner-bg-1 {
  background-image: url("../images/banners/banner4.jpg"); }

.banner-bg-2 {
  background-image: url("../images/banners/banner5.jpg"); }

.banner-bg-3 {
  background-image: url("../images/banners/banner6.jpg"); }

.banner-bg-4 {
  background-image: url("../images/banners/banner19.jpg"); }

.banner-bg-5 {
  background-image: url("../images/banners/banner20.jpg"); }

.banner-bg-6 {
  background-image: url("../images/banners/banner21.jpg"); }

.banner-bg-7 {
  background-image: url("../images/banners/banner22.jpg"); }

.banner-bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }

.home-one-banner {
  position: relative;
  z-index: 1; }
  .home-one-banner:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #000000;
    z-index: -1;
    visibility: hidden;
    opacity: 0; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .home-one-banner:after {
        visibility: visible;
        opacity: 0.5; } }
    @media only screen and (max-width: 767px) {
      .home-one-banner:after {
        visibility: visible;
        opacity: 0.5; } }
  .home-one-banner .banner-text {
    padding: 30px 60px;
    z-index: 2; }
    @media only screen and (max-width: 479px) {
      .home-one-banner .banner-text {
        padding-left: 20px; } }
    .home-one-banner .banner-text p {
      font-size: 16px;
      font-weight: 400;
      color: #363f4d;
      margin-bottom: 5px; }
      .home-one-banner .banner-text p:last-child {
        margin-bottom: 0; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .home-one-banner .banner-text p {
          color: #fff; } }
      @media only screen and (max-width: 767px) {
        .home-one-banner .banner-text p {
          color: #fff; } }
      .home-one-banner .banner-text p.big-text {
        font-size: 28px;
        font-weight: 400;
        margin-bottom: 20px; }
        @media only screen and (max-width: 479px) {
          .home-one-banner .banner-text p.big-text {
            font-size: 20px; } }

.home-four-banner {
  position: relative;
  z-index: 1; }
  @media only screen and (max-width: 575px) {
    .home-four-banner {
      background-position-x: 20%; } }
  .home-four-banner:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #000000;
    z-index: -1;
    visibility: hidden;
    opacity: 0; }
  .home-four-banner .banner-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 2;
    padding-left: 50px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .home-four-banner .banner-text {
        padding: 50px 30px; } }
    @media only screen and (max-width: 767px) {
      .home-four-banner .banner-text {
        padding: 50px 30px; } }
    @media only screen and (max-width: 479px) {
      .home-four-banner .banner-text {
        padding-left: 20px; } }
    .home-four-banner .banner-text .separator-image {
      margin-bottom: 20px; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .home-four-banner .banner-text .separator-image {
          margin-bottom: 10px; } }
      @media only screen and (max-width: 767px) {
        .home-four-banner .banner-text .separator-image {
          margin-bottom: 10px; } }
      .home-four-banner .banner-text .separator-image img {
        width: auto; }
    .home-four-banner .banner-text p {
      font-size: 16px;
      font-weight: 400;
      color: #363f4d;
      margin-bottom: 5px; }
      .home-four-banner .banner-text p:last-child {
        margin-bottom: 0; }
      .home-four-banner .banner-text p.big-text {
        font-size: 28px;
        font-weight: 400;
        margin-bottom: 5px; }
        @media only screen and (max-width: 479px) {
          .home-four-banner .banner-text p.big-text {
            font-size: 20px; } }

/*----------  three column banner  ----------*/
.banner-three-column .single-banner {
  position: relative; }
  .banner-three-column .single-banner .text-content {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 30px; }
    .banner-three-column .single-banner .text-content h5 {
      color: #363f4d;
      font-size: 14px;
      font-weight: 400;
      margin-bottom: 0; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .banner-three-column .single-banner .text-content h5 {
          font-size: 13px; } }
    .banner-three-column .single-banner .text-content h3 {
      color: #363f4d;
      font-size: 20px;
      font-weight: 400;
      margin-bottom: 15px; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .banner-three-column .single-banner .text-content h3 {
          font-size: 15px;
          margin-bottom: 10px; } }
    .banner-three-column .single-banner .text-content h4 {
      color: #363f4d;
      font-weight: 400;
      font-size: 14px;
      margin-bottom: 0; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .banner-three-column .single-banner .text-content h4 {
          font-size: 13px; } }

/*----------  hover effect banner  ----------*/
.single-banner a {
  display: block;
  overflow: hidden;
  position: relative; }
  .single-banner a img {
    width: 100%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }
  .single-banner a:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
  .single-banner a:hover:before {
    visibility: visible;
    opacity: 1; }
  .single-banner a:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }

/*----------  slider banner  ----------*/
.slider-banner {
  border-right: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  border-left: 1px solid #ebebeb; }
  .slider-banner.slider-border {
    border-top: 1px solid #ebebeb; }
  .slider-banner img {
    width: 100%; }

/*----------  tab banner  ----------*/
.tab-banner {
  border-left: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb; }
  .tab-banner img {
    width: 100%; }
  @media only screen and (max-width: 767px) {
    .tab-banner {
      border-right: 1px solid #ebebeb; } }

/*----------  banner text area  ----------*/
.banner-text-area .single-banner {
  border-radius: 5px;
  position: relative; }
  .banner-text-area .single-banner .text {
    position: absolute;
    left: 0;
    top: 40px;
    color: #fff;
    width: 100%;
    padding-left: 20px; }
    @media only screen and (max-width: 767px) {
      .banner-text-area .single-banner .text {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); } }
    .banner-text-area .single-banner .text h5 {
      color: #fff;
      font-size: 1.714em;
      font-weight: 400;
      margin-bottom: 1.2em;
      line-height: 1; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .banner-text-area .single-banner .text h5 {
          line-height: 1.2; } }
      @media only screen and (max-width: 479px) {
        .banner-text-area .single-banner .text h5 {
          font-size: 18px; } }
      .banner-text-area .single-banner .text h5:after {
        content: "";
        border-bottom: 2px solid #fff;
        display: block;
        width: 40px;
        margin-top: 1em; }
  .banner-text-area .single-banner.center-text {
    text-align: center; }
    .banner-text-area .single-banner.center-text .text {
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      padding-left: 0; }
      @media only screen and (max-width: 767px) {
        .banner-text-area .single-banner.center-text .text {
          top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          left: 0; } }
      .banner-text-area .single-banner.center-text .text h5 {
        position: relative;
        padding-bottom: 25px; }
        .banner-text-area .single-banner.center-text .text h5:after {
          position: absolute;
          display: inline-block;
          bottom: 0;
          left: 50%;
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: translateX(-50%); }

/*=====  End of 06. Banner  ======*/
/*=============================================
=            07. Product            =
=============================================*/
/*----------  default product style  ----------*/
.fl-product {
  text-align: center;
  -webkit-box-shadow: 1px 0 0 0 #ebebeb;
  box-shadow: 1px 0 0 0 #ebebeb; }
  .fl-product .image {
    position: relative;
    padding: 0 5px; }
    .fl-product .image a {
      display: block;
      position: relative; }
      .fl-product .image a img {
        width: 100%; }
        .fl-product .image a img:first-child {
          visibility: visible;
          opacity: 1; }
        .fl-product .image a img:last-child {
          position: absolute;
          top: 0;
          left: 0;
          visibility: hidden;
          opacity: 0;
          -webkit-transition: 0.5s;
          -o-transition: 0.5s;
          transition: 0.5s; }
    .fl-product .image .wishlist-icon {
      position: absolute;
      top: 10px;
      right: 20px; }
      .fl-product .image .wishlist-icon a {
        color: #dedede; }
        .fl-product .image .wishlist-icon a i.icon {
          font-size: 20px; }
        .fl-product .image .wishlist-icon a:hover {
          color: #9acf6a; }
    .fl-product .image.sale-product {
      position: relative; }
      .fl-product .image.sale-product:before {
        position: absolute;
        top: 0;
        left: 15px;
        width: 50px;
        height: 22px;
        content: "SALE";
        z-index: 5;
        background-color: #9acf6a;
        font-size: 10px;
        color: #ffffff;
        line-height: 25px;
        border-radius: 3px; }
  .fl-product .content {
    position: relative;
    padding: 10px 0; }
    .fl-product .content h2.product-title {
      font-size: 14px;
      line-height: 19px;
      font-weight: 400;
      color: #363f4d;
      margin-bottom: 5px; }
    .fl-product .content .rating i.fa {
      color: #e1e1e1; }
    .fl-product .content .rating i.active {
      color: #f9ba48; }
    .fl-product .content p.product-price {
      font-size: 16px;
      font-weight: 500;
      color: #9acf6a;
      margin-bottom: 0; }
      .fl-product .content p.product-price span.main-price {
        margin-right: 5px; }
        .fl-product .content p.product-price span.main-price.discounted {
          color: #a4a4a4;
          text-decoration: line-through;
          font-weight: 400; }
    .fl-product .content .hover-icons {
      position: absolute;
      bottom: 15px;
      background-color: #ffffff;
      visibility: hidden;
      opacity: 0;
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
      width: calc(100% - 10px);
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      margin: auto; }
      .fl-product .content .hover-icons ul li {
        display: inline-block;
        margin-right: 5px; }
        .fl-product .content .hover-icons ul li.active a {
          background-color: #9acf6a;
          color: #ffffff; }
        .fl-product .content .hover-icons ul li:last-child {
          margin-right: 0; }
        .fl-product .content .hover-icons ul li a {
          position: relative;
          width: 40px;
          height: 40px;
          border-radius: 50%;
          background-color: #ebebeb;
          color: #b2b2b1;
          text-align: center; }
          .fl-product .content .hover-icons ul li a i.icon {
            font-size: 18px;
            line-height: 40px; }
          .fl-product .content .hover-icons ul li a:before {
            content: attr(data-tooltip);
            position: absolute;
            bottom: 100%;
            left: 50%;
            margin-bottom: 12px;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            font-size: 12px;
            font-weight: 400;
            background-color: #444444;
            color: #ffffff;
            line-height: 16px;
            padding: 5px 10px;
            border-radius: 2px;
            white-space: nowrap;
            opacity: 0;
            visibility: hidden;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s; }
          .fl-product .content .hover-icons ul li a:after {
            position: absolute;
            left: 50%;
            bottom: 100%;
            margin-bottom: 8px;
            margin-left: -4px;
            content: "";
            border-width: 4px 4px 0 4px;
            border-style: solid;
            border-color: #444444 transparent transparent transparent;
            opacity: 0;
            visibility: hidden;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s; }
          .fl-product .content .hover-icons ul li a:hover {
            background-color: #9acf6a;
            color: #ffffff; }
            .fl-product .content .hover-icons ul li a:hover:before, .fl-product .content .hover-icons ul li a:hover:after {
              visibility: visible;
              opacity: 1; }
  .fl-product:hover .image a img:first-child {
    visibility: hidden;
    opacity: 0; }
  .fl-product:hover .image a img:last-child {
    visibility: visible;
    opacity: 1; }
  .fl-product:hover .content .hover-icons {
    visibility: visible;
    opacity: 1; }

/*----------  tab product  ----------*/
.tab-product-wrapper nav {
  height: 55px;
  background-color: #F9F9FB; }
  .tab-product-wrapper nav .nav-tabs {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 100%;
    border: 1px solid #ebebeb; }
    @media only screen and (max-width: 767px) {
      .tab-product-wrapper nav .nav-tabs {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start; } }
    .tab-product-wrapper nav .nav-tabs .nav-link {
      color: #7a7a7a;
      line-height: 40px; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .tab-product-wrapper nav .nav-tabs .nav-link {
          padding: 0;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          line-height: 50px;
          margin-right: 10px; } }
      @media only screen and (max-width: 767px) {
        .tab-product-wrapper nav .nav-tabs .nav-link {
          padding: 0;
          line-height: 55px;
          margin-left: 10px; } }
      .tab-product-wrapper nav .nav-tabs .nav-link:hover, .tab-product-wrapper nav .nav-tabs .nav-link:focus, .tab-product-wrapper nav .nav-tabs .nav-link:active {
        border-color: transparent; }
      .tab-product-wrapper nav .nav-tabs .nav-link.active {
        background-color: transparent;
        border-color: transparent;
        color: #333; }

.tab-product-wrapper .tab-content {
  border-right: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb; }
  @media only screen and (max-width: 767px) {
    .tab-product-wrapper .tab-content {
      border-left: 1px solid #ebebeb; } }

.tab-product-wrapper .tab-product-container {
  padding: 0 15px; }

.tab-product-wrapper .tab-product {
  border-bottom: 1px solid #ebebeb;
  padding: 13px 0; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tab-product-wrapper .tab-product {
      padding: 13.7px 0; } }
  .tab-product-wrapper .tab-product:last-child {
    border-bottom: none; }
  .tab-product-wrapper .tab-product .image {
    -ms-flex-preferred-size: 120px;
    flex-basis: 120px;
    padding-right: 15px; }
    .tab-product-wrapper .tab-product .image a {
      display: block;
      -webkit-transition: 0s;
      -o-transition: 0s;
      transition: 0s; }
      .tab-product-wrapper .tab-product .image a img {
        width: 100%;
        border: 1px solid #ebebeb; }
      .tab-product-wrapper .tab-product .image a:hover img {
        opacity: 0.8; }
  .tab-product-wrapper .tab-product .content {
    -ms-flex-preferred-size: calc(100% - 100px);
    flex-basis: calc(100% - 100px); }
    .tab-product-wrapper .tab-product .content h2.product-title {
      font-size: 14px;
      line-height: 19px;
      font-weight: 400;
      color: #363f4d;
      margin-bottom: 5px; }
    .tab-product-wrapper .tab-product .content .rating i.fa {
      color: #e1e1e1; }
    .tab-product-wrapper .tab-product .content .rating i.active {
      color: #f9ba48; }
    .tab-product-wrapper .tab-product .content p.product-price {
      font-size: 16px;
      font-weight: 500;
      color: #9acf6a; }
      .tab-product-wrapper .tab-product .content p.product-price span.main-price {
        margin-right: 5px; }
        .tab-product-wrapper .tab-product .content p.product-price span.main-price.discounted {
          color: #a4a4a4;
          text-decoration: line-through;
          font-weight: 400; }

/*=====  End of 07.Product  ======*/
/*=============================================
=           08. Shop            =
=============================================*/
/*----------  shop header  ----------*/
.shop-header {
  border: 1px solid #ebebeb;
  padding: 15px 25px;
  /*----------  view mode icons  ----------*/ }
  .shop-header .view-mode-icons a {
    font-size: 25px;
    margin-right: 10px;
    color: #dbdbdb; }
    .shop-header .view-mode-icons a.active {
      color: #9acf6a; }
    .shop-header .view-mode-icons a:hover {
      color: #9acf6a; }
    .shop-header .view-mode-icons a:last-child {
      margin-right: 0; }
  .shop-header .nice-select {
    height: 35px;
    line-height: 35px;
    border-radius: 0; }
    .shop-header .nice-select ul.list {
      border-radius: 0;
      right: 0;
      left: auto; }
      .shop-header .nice-select ul.list li:hover {
        background-color: #9acf6a;
        color: #ffffff; }

.shop-product-wrap.shop-grid-three [class*="col-"] .fl-product {
  -webkit-box-shadow: 1px 0 0 0 #ebebeb !important;
  box-shadow: 1px 0 0 0 #ebebeb !important; }
  @media only screen and (max-width: 575px) {
    .shop-product-wrap.shop-grid-three [class*="col-"] .fl-product {
      -webkit-box-shadow: none !important;
      box-shadow: none !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-product-wrap.shop-grid-three [class*="col-"]:nth-child(2n+2) .fl-product {
    -webkit-box-shadow: none !important;
    box-shadow: none !important; } }

@media only screen and (max-width: 767px) {
  .shop-product-wrap.shop-grid-three [class*="col-"]:nth-child(2n+2) .fl-product {
    -webkit-box-shadow: none !important;
    box-shadow: none !important; } }

.shop-product-wrap.shop-grid-three [class*="col-"]:nth-child(1n + 4) {
  border-top: 1px solid #ebebeb;
  margin-top: 30px;
  padding-top: 30px; }

@media (min-width: 1200px) {
  .shop-product-wrap.shop-grid-three [class*="col-"]:nth-child(3n+3) .fl-product {
    -webkit-box-shadow: none !important;
    box-shadow: none !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .shop-product-wrap.shop-grid-three [class*="col-"]:nth-child(3n+3) .fl-product {
    -webkit-box-shadow: none !important;
    box-shadow: none !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop-product-wrap.shop-grid-three [class*="col-"]:nth-child(3n+3) .fl-product {
    -webkit-box-shadow: none !important;
    box-shadow: none !important; } }

@media only screen and (max-width: 575px) {
  .shop-product-wrap [class*="col-"]:nth-child(1n+2) {
    border-top: 1px solid #ebebeb;
    margin-top: 30px;
    padding-top: 30px; } }

@media only screen and (max-width: 575px) {
  .shop-product-wrap [class*="col-"] .fl-product {
    -webkit-box-shadow: none;
    box-shadow: none; } }

.shop-product-wrap [class*="col-"]:nth-child(4n+4) .fl-product {
  -webkit-box-shadow: none;
  box-shadow: none; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-product-wrap [class*="col-"]:nth-child(2n+2) .fl-product {
    -webkit-box-shadow: none;
    box-shadow: none; } }

@media only screen and (max-width: 767px) {
  .shop-product-wrap [class*="col-"]:nth-child(2n+2) .fl-product {
    -webkit-box-shadow: none;
    box-shadow: none; } }

.shop-product-wrap [class*="col-"]:nth-child(1n + 5) {
  border-top: 1px solid #ebebeb;
  margin-top: 30px;
  padding-top: 30px; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-product-wrap [class*="col-"]:nth-child(1n + 3) {
    border-top: 1px solid #ebebeb;
    margin-top: 30px;
    padding-top: 30px; } }

@media only screen and (max-width: 767px) {
  .shop-product-wrap [class*="col-"]:nth-child(1n + 3) {
    border-top: 1px solid #ebebeb;
    margin-top: 30px;
    padding-top: 30px; } }

/*----------  shop list switcher  ----------*/
.shop-product-wrap.grid .shop-list-view-product {
  display: none; }

.shop-product-wrap.grid .shop-grid-view-product {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s; }

.shop-product-wrap.list [class*="col-"]:nth-child(1n + 5) {
  border-top: none;
  margin-top: 0;
  padding-top: 0; }

.shop-product-wrap.list [class*="col-"]:nth-child(1n + 2) {
  border-top: 1px solid #ebebeb;
  margin-top: 30px;
  padding-top: 30px; }

.shop-product-wrap.list .shop-grid-view-product {
  display: none; }

.shop-product-wrap.list .shop-list-view-product {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  -webkit-animation-duration: 1s;
  animation-duration: 1s; }

.shop-product-wrap.list [class*="col"],
.shop-product-wrap.list [class*="col-"] {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  width: 100%;
  max-width: 100%; }

/*----------  shop grid view product style  ----------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-grid-view-product .image {
    width: calc(100% - 9px); } }

@media only screen and (max-width: 575px) {
  .shop-grid-view-product .image {
    left: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    margin: 0; } }

/*----------  shop list view product style  ----------*/
.shop-list-view-product {
  -webkit-box-shadow: none;
  box-shadow: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start; }
  @media only screen and (max-width: 767px) {
    .shop-list-view-product {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; } }
  .shop-list-view-product .image {
    width: 270px;
    left: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    border: 1px solid #ebebeb; }
    @media only screen and (max-width: 767px) {
      .shop-list-view-product .image {
        margin-bottom: 30px; } }
  .shop-list-view-product .content {
    text-align: left;
    padding: 0;
    padding-left: 15px;
    width: calc(100% - 270px); }
    @media only screen and (max-width: 767px) {
      .shop-list-view-product .content {
        width: 100%; } }
    .shop-list-view-product .content h2.product-title {
      margin-bottom: 10px; }
    .shop-list-view-product .content p.product-price {
      margin-bottom: 20px; }
    .shop-list-view-product .content p.product-description {
      margin-bottom: 40px; }
    .shop-list-view-product .content .hover-icons {
      visibility: visible;
      opacity: 1;
      position: relative;
      width: 100%;
      left: 0;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
      bottom: 0; }
      .shop-list-view-product .content .hover-icons ul li:nth-child(1) a {
        width: 120px;
        border-radius: 30px;
        height: 40px;
        line-height: 40px; }
      .shop-list-view-product .content .hover-icons ul li:nth-child(2) a:hover:before {
        visibility: hidden; }
      .shop-list-view-product .content .hover-icons ul li:nth-child(2) a:hover:after {
        visibility: hidden; }

/*=====  End of 08. Shop  ======*/
/*=============================================
=           09. Sidebar            =
=============================================*/
/*----------  slider with banner sidebar  ----------*/
.slider-sidebar {
  background-color: #f9f9fb;
  height: 100%;
  border-left: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  background-image: url("../images/icons/sidebar1.png");
  background-position: 0 100%;
  background-repeat: no-repeat; }
  @media only screen and (max-width: 767px) {
    .slider-sidebar {
      background-position: 100% 100%; } }
  .slider-sidebar h3.slider-sidebar-title {
    font-size: 14px;
    line-height: 25px;
    font-weight: 700;
    color: #ffffff;
    background-color: #9acf6a;
    padding: 15px;
    margin-bottom: 0;
    position: relative; }
    .slider-sidebar h3.slider-sidebar-title:after {
      content: "";
      position: absolute;
      border-width: 27px 0 27px 10px;
      border-style: solid;
      border-color: transparent;
      border-left-color: #9acf6a;
      right: -10px;
      top: 0;
      z-index: 9; }
  .slider-sidebar .sidebar-list ul {
    padding: 10px 30px; }
    .slider-sidebar .sidebar-list ul li {
      border-bottom: 1px solid #ebebeb; }
      .slider-sidebar .sidebar-list ul li:last-child {
        border-bottom: 0; }
      .slider-sidebar .sidebar-list ul li a {
        font-size: 14px;
        line-height: 35px;
        display: block; }

/*----------  tab sidebar  ----------*/
.tab-sidebar h3.tab-sidebar-title {
  font-size: 14px;
  line-height: 25px;
  font-weight: 700;
  color: #ffffff;
  background-color: #9acf6a;
  padding: 15px;
  margin-bottom: 0;
  position: relative; }
  .tab-sidebar h3.tab-sidebar-title:after {
    content: "";
    position: absolute;
    border-width: 27px 0 27px 10px;
    border-style: solid;
    border-color: transparent;
    border-left-color: #9acf6a;
    right: -10px;
    top: 0;
    z-index: 9; }

/*-- Sidebar Price --*/
.sidebar-price #price-range {
  width: 100%;
  height: 7px;
  margin: 7px 0;
  background-color: #2c2c2c;
  position: relative;
  border-radius: 50px; }
  .sidebar-price #price-range .ui-slider-range {
    position: absolute;
    height: 100%;
    top: 0;
    background-color: #9acf6a; }
  .sidebar-price #price-range .ui-slider-handle {
    background-color: #9acf6a;
    position: absolute;
    width: 21px;
    height: 21px;
    border-radius: 50px;
    display: block;
    top: -7px;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.15);
    box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.15); }

/*----------  single sidebar  ----------*/
.single-sidebar {
  border: 1px solid #e5e5e5;
  padding: 20px;
  /*---------- sidebar title  ----------*/
  /*----------  category  ----------*/
  /*----------  price range  ----------*/
  /*----------  color   ----------*/
  /*----------  compare  ----------*/
  /*----------  tag container  ----------*/ }
  .single-sidebar h3.sidebar-title {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 15px;
    margin-bottom: 20px; }
  .single-sidebar h3.filter-price-title {
    font-weight: 500;
    border-bottom: none; }
  .single-sidebar h3.color-title {
    font-weight: 500;
    border-bottom: none;
    padding-bottom: 0; }
  .single-sidebar .category ul li {
    display: block;
    border-bottom: 1px solid #ebebeb;
    line-height: 44px; }
    .single-sidebar .category ul li:last-child {
      border-bottom: none; }
    .single-sidebar .category ul li a {
      color: #363f4d; }
      .single-sidebar .category ul li a:hover {
        color: #9acf6a; }
  .single-sidebar.price-range-bg {
    background-color: #F6F6F6;
    border-top: none;
    border-bottom: none; }
    .single-sidebar.price-range-bg .sidebar-price .price-amount {
      font-size: 14px;
      font-weight: 400;
      color: #363f4d;
      line-height: 24px;
      padding: 0;
      background-color: transparent;
      border: none;
      margin-top: 12px; }
  .single-sidebar .color-category ul li {
    position: relative;
    display: block;
    margin-bottom: 15px; }
    .single-sidebar .color-category ul li a {
      color: #363f4d; }
      .single-sidebar .color-category ul li a:hover {
        color: #9acf6a; }
    .single-sidebar .color-category ul li span.counter {
      float: right;
      color: #9b9b9b; }
    .single-sidebar .color-category ul li:before {
      content: "";
      display: inline-block;
      height: 17px;
      width: 17px;
      border-radius: 3px;
      border: 1px solid #ebebeb;
      margin-right: 10px;
      vertical-align: middle; }
    .single-sidebar .color-category ul li:hover:before {
      background: #9acf6a;
      border-color: #9acf6a; }
    .single-sidebar .color-category ul li:last-child {
      margin-bottom: 0; }
  .single-sidebar .product-list {
    margin-bottom: 20px; }
    .single-sidebar .product-list li {
      display: block;
      border-bottom: 1px solid #ebebeb;
      position: relative;
      padding-right: 10px;
      padding-bottom: 10px;
      padding-top: 10px; }
      .single-sidebar .product-list li a {
        color: #333333;
        font-size: 14px;
        line-height: 20px; }
        .single-sidebar .product-list li a.remove {
          position: absolute;
          right: 0;
          font-size: 20px;
          font-weight: 500;
          color: #808080;
          top: 10px; }
          .single-sidebar .product-list li a.remove:hover {
            color: #9acf6a; }
  .single-sidebar .compare-btns {
    overflow: hidden; }
    .single-sidebar .compare-btns .compare {
      background: #f2f2f2;
      line-height: 12px;
      display: inline-block;
      padding: 15px 30px;
      border-radius: 3px;
      color: #363f4d;
      font-weight: 500;
      font-size: 12px;
      text-transform: uppercase;
      background-color: #1a1a1a;
      color: #ffffff;
      padding-top: 12px;
      padding-bottom: 12px;
      padding-left: 15px;
      padding-right: 15px;
      float: right; }
      .single-sidebar .compare-btns .compare:hover {
        background-color: #9acf6a;
        color: #ffffff; }
  .single-sidebar .tag-container li {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 10px; }
    .single-sidebar .tag-container li a {
      border: 1px solid #ebebeb;
      padding: 5px 10px;
      border-radius: 3px;
      color: #555; }
      .single-sidebar .tag-container li a:hover {
        background-color: #9acf6a;
        border-color: #9acf6a;
        color: #ffffff; }

/*----------  Sidebar search box  ----------*/
.sidebar-search-box {
  border: 1px solid #e0e0e0;
  position: relative;
  padding-right: 10px; }
  .sidebar-search-box input {
    border: none;
    padding: 10px;
    padding-left: 10px;
    width: 100%; }
  .sidebar-search-box button {
    position: absolute;
    top: 10px;
    right: 0;
    background: none;
    border: none; }
    .sidebar-search-box button:hover {
      color: #9acf6a; }

/*----------  single block  ----------*/
.single-block {
  border-bottom: 1px solid #ddd;
  padding: 15px 0; }
  .single-block:first-child {
    padding-top: 0; }
  .single-block:last-child {
    padding-bottom: 0;
    border-bottom: 0; }
  .single-block .image {
    -ms-flex-preferred-size: 100px;
    flex-basis: 100px;
    margin-right: 5px; }
    .single-block .image a {
      border: 2px solid transparent;
      display: block; }
      .single-block .image a img {
        width: 100%; }
      .single-block .image a:hover {
        border: 2px solid #9acf6a; }
  .single-block .content {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%; }
    .single-block .content p {
      margin-bottom: 0;
      font-weight: 500;
      font-size: 14px;
      line-height: 20px;
      color: #363f4d; }
      .single-block .content p a:hover {
        color: #9acf6a; }
      .single-block .content p span {
        font-size: 12px;
        line-height: 16px;
        color: #999;
        font-weight: 400;
        margin-top: 5px;
        display: block; }
  .single-block.comment-block .image {
    -ms-flex-preferred-size: 80px;
    flex-basis: 80px; }
  .single-block.comment-block .content p span {
    font-size: 14px;
    line-height: 20px;
    color: #666666; }
  .single-block.comment-block .content p a {
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: #808080; }
    .single-block.comment-block .content p a:hover {
      color: #9acf6a; }

/*=====  End of 09. Sidebar  ======*/
/*=============================================
=            10. Single Product            =
=============================================*/
/*----------  single product content  ----------*/
.single-product-content-area .product-feature-details .group-product-form .table-content table {
  background: #fff none repeat scroll 0 0;
  border-color: #e5e5e5;
  border-radius: 0;
  border-style: solid;
  border-width: 1px 0 0 1px;
  text-align: center;
  width: 100%; }
  .single-product-content-area .product-feature-details .group-product-form .table-content table td {
    padding: 12px 10px;
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    width: 33.33%; }
    .single-product-content-area .product-feature-details .group-product-form .table-content table td.product-name {
      font-weight: 500; }
      .single-product-content-area .product-feature-details .group-product-form .table-content table td.product-name a {
        font-size: 14px; }
        .single-product-content-area .product-feature-details .group-product-form .table-content table td.product-name a:hover {
          color: #9acf6a; }
    .single-product-content-area .product-feature-details .group-product-form .table-content table td p span {
      display: block;
      margin-top: 10px; }

.single-product-content-area .product-feature-details .rating i.fa {
  color: #E1E1E1; }

.single-product-content-area .product-feature-details .rating i.active {
  color: #F9BA48; }

.single-product-content-area .product-feature-details .review-link a {
  color: #9acf6a; }

.single-product-content-area .product-feature-details .product-description {
  border-top: none; }

.single-product-content-area .product-feature-details .size {
  font-weight: 400;
  color: #666;
  font-size: 14px;
  line-height: 16px; }
  .single-product-content-area .product-feature-details .size span.title {
    font-weight: 500; }
  .single-product-content-area .product-feature-details .size .nice-select {
    width: 100px;
    border: 1px solid #ddd;
    padding: 5px;
    margin-top: 5px;
    float: none; }
    .single-product-content-area .product-feature-details .size .nice-select span.current {
      padding-left: 10px; }

.single-product-content-area .product-feature-details .color {
  font-weight: 400;
  color: #666;
  font-size: 14px;
  line-height: 16px; }
  .single-product-content-area .product-feature-details .color span.title {
    font-weight: 500; }
  .single-product-content-area .product-feature-details .color span.color-block {
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-right: 5px;
    margin-top: 10px; }
  .single-product-content-area .product-feature-details .color span.color-choice-1 {
    background-color: #B09603; }
  .single-product-content-area .product-feature-details .color span.color-choice-2 {
    background-color: #C8BDBB; }
  .single-product-content-area .product-feature-details .color span.color-choice-3 {
    background-color: #225170; }
  .single-product-content-area .product-feature-details .color span.active {
    border: 2px solid #9acf6a;
    width: 32px;
    height: 32px; }

.single-product-content-area .product-feature-details .cart-buttons .quantity-title {
  font-weight: 500; }

.single-product-content-area .product-feature-details .add-to-cart-btn a {
  border-radius: 30px;
  background-color: #9acf6a; }
  .single-product-content-area .product-feature-details .add-to-cart-btn a:hover {
    background-color: #363f4d; }

.single-product-content-area .product-feature-details .wishlist-link {
  border-bottom: 1px solid #ddd; }
  .single-product-content-area .product-feature-details .wishlist-link a {
    margin-right: 20px; }
    .single-product-content-area .product-feature-details .wishlist-link a i.icon {
      margin-right: 5px; }

.single-product-content-area .product-feature-details .category-list-container span {
  font-weight: 500; }

.single-product-content-area .product-feature-details .category-list-container ul {
  display: inline-block;
  margin-left: 5px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-product-content-area .product-feature-details .category-list-container ul {
      margin-left: 0; } }
  @media only screen and (max-width: 767px) {
    .single-product-content-area .product-feature-details .category-list-container ul {
      margin-left: 0; } }
  .single-product-content-area .product-feature-details .category-list-container ul li {
    display: inline-block;
    margin-right: 5px; }

.single-product-content-area .product-feature-details .social-share-buttons ul {
  margin-bottom: 0; }
  .single-product-content-area .product-feature-details .social-share-buttons ul li a {
    margin-bottom: 0; }

.fl-product-image-slider .fl-product-large-image-list .single-product-img {
  position: relative;
  /*----------  big image popup  ----------*/ }
  .fl-product-image-slider .fl-product-large-image-list .single-product-img a.big-image-popup {
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #373737;
    color: #ffffff;
    padding: 10px 15px;
    border-radius: 5px;
    visibility: hidden;
    opacity: 0;
    margin-left: -20px;
    margin-top: -20px; }
    .fl-product-image-slider .fl-product-large-image-list .single-product-img a.big-image-popup:hover {
      background-color: #9acf6a; }
  .fl-product-image-slider .fl-product-large-image-list .single-product-img:hover a.big-image-popup {
    visibility: visible;
    opacity: 1; }

/*----------  product description tab  ----------*/
@media only screen and (max-width: 479px) {
  .product-description-review-container nav .nav-tabs {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; } }
  @media only screen and (max-width: 479px) and (max-width: 479px) {
    .product-description-review-container nav .nav-tabs .nav-link {
      border-right: 1px solid #ebebeb !important; } }
  @media only screen and (max-width: 479px) and (max-width: 479px) {
    .product-description-review-container nav .nav-tabs .nav-link:last-child {
      border-right: none !important; } }

.product-description-review-container .tab-content .tab-pane.active {
  padding: 20px 30px; }

.product-description-review-container .tab-content .tab-pane .product-description p {
  line-height: 28px; }

/*-- Single Product Rating --*/
.product-ratting-wrap {
  overflow: hidden; }

.pro-avg-ratting {
  margin-bottom: 20px;
  float: left;
  width: 100%; }
  .pro-avg-ratting h4 {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    margin: 0 0 7px; }
    .pro-avg-ratting h4 span {
      color: #7a7a7a;
      font-size: 12px;
      font-weight: 400;
      line-height: 10px; }
  .pro-avg-ratting > span {
    display: block;
    font-size: 12px;
    line-height: 10px; }

.ratting-list {
  margin-bottom: 30px;
  float: left;
  width: 100%; }
  .ratting-list .sin-list {
    margin-right: 30px; }
    .ratting-list .sin-list:last-child {
      margin-right: 0; }
    .ratting-list .sin-list i {
      color: #7a7a7a;
      font-size: 12px; }
    .ratting-list .sin-list span {
      color: #666666; }

.rattings-wrapper {
  margin-bottom: 40px;
  float: left;
  width: 100%; }

.sin-rattings {
  margin-bottom: 40px; }
  .sin-rattings:last-child {
    margin-bottom: 0; }
  .sin-rattings .ratting-author {
    float: left;
    width: 100%;
    margin-bottom: 10px; }
    .sin-rattings .ratting-author h3 {
      float: left;
      font-size: 16px;
      font-weight: 500;
      margin: 0;
      line-height: 18px;
      margin-right: 15px; }
    @media only screen and (max-width: 575px) {
      .sin-rattings .ratting-author .ratting-star {
        float: left;
        width: 100%;
        margin-top: 5px; } }
    .sin-rattings .ratting-author .ratting-star i,
    .sin-rattings .ratting-author .ratting-star span {
      color: #7a7a7a;
      font-size: 12px;
      line-height: 18px;
      float: left; }
    .sin-rattings .ratting-author .ratting-star span {
      margin-left: 5px; }
  .sin-rattings p {
    color: #666666;
    font-size: 15px;
    line-height: 24px; }

/*-- Ratting Form Wrap --*/
.ratting-form-wrapper {
  float: left;
  width: 100%; }
  .ratting-form-wrapper h3 {
    font-size: 16px;
    margin: 0 0 30px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 16px; }

/*-- Ratting Form --*/
.ratting-form h5 {
  float: left;
  font-size: 14px;
  line-height: 18px;
  margin-right: 10px; }

.ratting-form .ratting-star i {
  font-size: 14px;
  float: left;
  line-height: 18px;
  display: block;
  margin-right: 3px; }
  .ratting-form .ratting-star i:last-child {
    margin: 0; }

.ratting-form label {
  display: block;
  font-size: 14px;
  color: #666666;
  margin-bottom: 3px; }

.ratting-form input {
  width: 100%;
  background-color: transparent;
  border: 1px solid #dddddd;
  font-size: 13px;
  line-height: 24px;
  padding: 8px 15px;
  color: #666666; }
  .ratting-form input[type="submit"] {
    width: auto;
    padding: 8px 30px;
    border-radius: 3px;
    border-color: #363f4d;
    background-color: #363f4d;
    text-transform: uppercase;
    font-weight: 600;
    color: #ffffff; }
    .ratting-form input[type="submit"]:hover {
      border-color: #9acf6a;
      background-color: #9acf6a;
      color: #ffffff; }

.ratting-form textarea {
  width: 100%;
  background-color: transparent;
  border: 1px solid #dddddd;
  font-size: 13px;
  line-height: 24px;
  padding: 8px 15px;
  color: #666666;
  height: 80px;
  resize: none; }

/*----------  product image gallery   ----------*/
.product-image-gallery .single-product-img {
  border: 1px solid #ddd; }

.single-product-img {
  position: relative;
  /*----------  big image popup  ----------*/ }
  .single-product-img a.big-image-popup {
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #373737;
    color: #ffffff;
    padding: 10px 15px;
    border-radius: 5px;
    visibility: hidden;
    opacity: 0;
    margin-left: -20px;
    margin-top: -20px; }
    .single-product-img a.big-image-popup:hover {
      background-color: #9acf6a; }
  .single-product-img:hover a.big-image-popup {
    visibility: visible;
    opacity: 1; }

/*----------  left side image slider  ----------*/
.left-side-tab {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse; }
  @media only screen and (max-width: 479px) {
    .left-side-tab {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; } }
  .left-side-tab .pts1-product-large-image-list {
    width: calc(100% - 130px); }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .left-side-tab .pts1-product-large-image-list {
        width: calc(100% - 100px); } }
    @media only screen and (max-width: 575px) {
      .left-side-tab .pts1-product-large-image-list {
        width: calc(100% - 100px); } }
    @media only screen and (max-width: 479px) {
      .left-side-tab .pts1-product-large-image-list {
        width: 100%; } }
  .left-side-tab .pts1-product-small-image-list {
    width: 130px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .left-side-tab .pts1-product-small-image-list {
        width: 100px; } }
    @media only screen and (max-width: 575px) {
      .left-side-tab .pts1-product-small-image-list {
        width: 100px; } }
    @media only screen and (max-width: 479px) {
      .left-side-tab .pts1-product-small-image-list {
        width: 100%; } }
    .left-side-tab .pts1-product-small-image-list .pts1-small-image-slider .slick-arrow {
      left: 40%; }

/*----------  right side image slider  ----------*/
.pts1-product-image-slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0; }
  @media only screen and (max-width: 479px) {
    .pts1-product-image-slider {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; } }

.pts1-product-large-image-list {
  width: calc(100% - 150px); }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pts1-product-large-image-list {
      width: calc(100% - 120px); } }
  @media only screen and (max-width: 575px) {
    .pts1-product-large-image-list {
      width: calc(100% - 120px); } }
  @media only screen and (max-width: 479px) {
    .pts1-product-large-image-list {
      width: 100%;
      margin-bottom: 15px; } }
  .pts1-product-large-image-list .single-product-img img {
    border: 1px solid #ebebeb; }

@media only screen and (max-width: 479px) {
  .pts1-small-image-slider {
    padding-left: 5px !important;
    padding-right: 5px !important; } }

.pts1-product-small-image-list {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  width: 150px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pts1-product-small-image-list {
      width: 120px; } }
  @media only screen and (max-width: 575px) {
    .pts1-product-small-image-list {
      width: 120px; } }
  @media only screen and (max-width: 479px) {
    .pts1-product-small-image-list {
      width: 100%; } }
  .pts1-product-small-image-list .single-small-image a img {
    border: 1px solid #ebebeb; }
  @media only screen and (max-width: 479px) {
    .pts1-product-small-image-list .slick-slide > div > div {
      vertical-align: middle; } }
  .pts1-product-small-image-list .slick-arrow {
    border-radius: 50%;
    visibility: hidden;
    opacity: 0; }
    .pts1-product-small-image-list .slick-arrow.slick-prev {
      top: -15px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); }
    .pts1-product-small-image-list .slick-arrow.slick-next {
      top: 95%;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); }
  .pts1-product-small-image-list:hover .slick-arrow {
    visibility: visible;
    opacity: 1; }

/*=====  End of 10. Single Product  ======*/
/*=============================================
=           11. Blog            =
=============================================*/
/*----------  slider blog post  ----------*/
.blog-post-slider-container {
  padding: 30px 0; }
  .blog-post-slider-container .col {
    -webkit-box-shadow: 1px 0 0 0 #ebebeb;
    box-shadow: 1px 0 0 0 #ebebeb; }
  .blog-post-slider-container .single-blog-post {
    text-align: center; }
    .blog-post-slider-container .single-blog-post .image {
      margin-bottom: 10px; }
      .blog-post-slider-container .single-blog-post .image a {
        display: block; }
        .blog-post-slider-container .single-blog-post .image a img {
          width: 100%; }
    .blog-post-slider-container .single-blog-post .content h3 {
      margin-bottom: 10px; }
      .blog-post-slider-container .single-blog-post .content h3 a {
        font-size: 16px;
        font-weight: 400;
        line-height: 25px; }
    .blog-post-slider-container .single-blog-post .content p {
      margin-bottom: 10px; }
      .blog-post-slider-container .single-blog-post .content p span {
        color: #abaaaa;
        font-size: 13px;
        font-weight: 400; }
        .blog-post-slider-container .single-blog-post .content p span i.icon {
          color: #9acf6a;
          font-size: 15px; }
        .blog-post-slider-container .single-blog-post .content p span.post-comments {
          margin-right: 15px; }
        .blog-post-slider-container .single-blog-post .content p span.post-author a {
          color: #9acf6a; }
          .blog-post-slider-container .single-blog-post .content p span.post-author a:hover {
            color: #333333; }
      .blog-post-slider-container .single-blog-post .content p.post-excerpt {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 10px; }
    .blog-post-slider-container .single-blog-post .content a.fl-button {
      background: #f2f2f2;
      line-height: 12px;
      display: inline-block;
      padding: 15px 30px;
      border-radius: 3px;
      color: #363f4d;
      font-weight: 500;
      font-size: 12px;
      text-transform: uppercase; }
      .blog-post-slider-container .single-blog-post .content a.fl-button:hover {
        background-color: #9acf6a;
        color: #ffffff; }

.single-blog-post {
  background-color: #ffffff; }
  .single-blog-post.gallery-type-post {
    display: block; }
    .single-blog-post.gallery-type-post .single-blog-post-media:hover .slick-arrow {
      visibility: visible;
      opacity: 0.6; }
      .single-blog-post.gallery-type-post .single-blog-post-media:hover .slick-arrow:hover {
        opacity: 1; }
    .single-blog-post.gallery-type-post .single-blog-post-media:hover .slick-next {
      right: 10px; }
    .single-blog-post.gallery-type-post .single-blog-post-media:hover .slick-prev {
      left: 10px; }
    .single-blog-post.gallery-type-post .slick-arrow {
      position: absolute;
      top: 50%;
      background: none;
      border: none;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background-color: #323232;
      color: #ffffff;
      line-height: 40px;
      z-index: 9;
      margin-top: -20px;
      visibility: hidden;
      opacity: 0;
      text-align: center; }
    .single-blog-post.gallery-type-post .slick-next {
      right: 30px;
      left: auto; }
    .single-blog-post.gallery-type-post .slick-prev {
      left: 30px;
      right: auto; }
  .single-blog-post .single-blog-post-media {
    position: relative; }
    .single-blog-post .single-blog-post-media .blog-categories {
      position: absolute;
      bottom: 20px;
      left: 10px; }
      .single-blog-post .single-blog-post-media .blog-categories ul li {
        display: inline-block; }
        .single-blog-post .single-blog-post-media .blog-categories ul li a {
          display: block;
          background-color: #ffffff;
          padding: 5px 10px;
          text-transform: capitalize;
          margin-right: 5px;
          border-radius: 3px; }
          .single-blog-post .single-blog-post-media .blog-categories ul li a:hover {
            background-color: #9acf6a;
            color: #ffffff; }
    .single-blog-post .single-blog-post-media .video {
      overflow: hidden; }
      .single-blog-post .single-blog-post-media .video iframe {
        width: 100%; }
        @media only screen and (max-width: 479px) {
          .single-blog-post .single-blog-post-media .video iframe {
            height: 200px; } }
  .single-blog-post .single-blog-post-content .post-audio {
    overflow: hidden; }
    .single-blog-post .single-blog-post-content .post-audio iframe {
      width: 100%; }
  .single-blog-post .single-blog-post-content h3.post-title {
    font-size: 22px;
    line-height: 30px;
    color: #363f4d;
    margin-bottom: 20px;
    font-weight: 500; }
    .single-blog-post .single-blog-post-content h3.post-title a:hover {
      color: #9acf6a; }
    @media only screen and (max-width: 575px) {
      .single-blog-post .single-blog-post-content h3.post-title {
        font-size: 25px; } }
    .single-blog-post .single-blog-post-content h3.post-title.sticky {
      position: relative;
      padding-left: 25px; }
      .single-blog-post .single-blog-post-content h3.post-title.sticky:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "\f08d";
        font-family: fontAwesome;
        font-size: 25px; }
  .single-blog-post .single-blog-post-content .post-meta {
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e0e0e0; }
    .single-blog-post .single-blog-post-content .post-meta p span {
      color: #999999; }
      .single-blog-post .single-blog-post-content .post-meta p span i.fa {
        margin-right: 5px; }
    .single-blog-post .single-blog-post-content .post-meta p a {
      font-weight: 400;
      color: #808080; }
      .single-blog-post .single-blog-post-content .post-meta p a:hover {
        color: #9acf6a; }
    .single-blog-post .single-blog-post-content .post-meta p span.separator {
      padding: 0 5px; }
  .single-blog-post .single-blog-post-content p.post-excerpt {
    font-size: 14px;
    line-height: 29px; }
  .single-blog-post .single-blog-post-content a.blog-readmore-btn {
    background: #f2f2f2;
    line-height: 12px;
    display: inline-block;
    padding: 15px 30px;
    border-radius: 3px;
    color: #363f4d;
    font-weight: 500;
    font-size: 12px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 15px 25px; }
    .single-blog-post .single-blog-post-content a.blog-readmore-btn:hover {
      background-color: #9acf6a;
      color: #ffffff; }

/*=====  End of 11. Blog  ======*/
/*=============================================
=          12.  Blog Post            =
=============================================*/
.blog-single-post-container {
  background-color: #ffffff;
  border: 1px solid #efefef;
  padding: 25px; }
  .blog-single-post-container h3.post-title {
    font-size: 34px;
    line-height: 46px;
    color: #363f4d;
    text-align: center;
    font-weight: 500;
    margin-bottom: 20px; }
    @media only screen and (max-width: 479px) {
      .blog-single-post-container h3.post-title {
        font-size: 25px;
        line-height: 35px; } }
  .blog-single-post-container .post-meta {
    text-align: center;
    padding-bottom: 15px;
    margin-bottom: 20px; }
    .blog-single-post-container .post-meta p span {
      color: #999999; }
    .blog-single-post-container .post-meta p a {
      font-weight: 400;
      color: #323232; }
      .blog-single-post-container .post-meta p a:hover {
        color: #9acf6a; }
    .blog-single-post-container .post-meta p span.separator {
      padding: 0 5px; }
  .blog-single-post-container .single-blog-post-media {
    position: relative;
    margin-bottom: 50px; }
    .blog-single-post-container .single-blog-post-media .image img {
      width: 100%; }
    .blog-single-post-container .single-blog-post-media .blog-image-gallery .single-image img {
      width: 100%; }
    .blog-single-post-container .single-blog-post-media .blog-categories {
      position: absolute;
      bottom: 20px;
      left: 10px; }
      .blog-single-post-container .single-blog-post-media .blog-categories ul li {
        display: inline-block; }
        .blog-single-post-container .single-blog-post-media .blog-categories ul li a {
          display: block;
          background-color: #ffffff;
          padding: 5px 10px;
          text-transform: capitalize;
          margin-right: 5px;
          border-radius: 3px; }
          .blog-single-post-container .single-blog-post-media .blog-categories ul li a:hover {
            background-color: #9acf6a;
            color: #ffffff; }
    .blog-single-post-container .single-blog-post-media .video {
      overflow: hidden; }
      .blog-single-post-container .single-blog-post-media .video iframe {
        width: 100%;
        height: 500px; }
        @media only screen and (max-width: 767px) {
          .blog-single-post-container .single-blog-post-media .video iframe {
            height: 400px; } }
        @media only screen and (max-width: 479px) {
          .blog-single-post-container .single-blog-post-media .video iframe {
            height: 250px; } }
  .blog-single-post-container .post-audio {
    overflow: hidden; }
    .blog-single-post-container .post-audio iframe {
      width: 100%;
      height: 100px; }
  .blog-single-post-container .post-content p {
    font-size: 15px;
    line-height: 29px; }
  .blog-single-post-container .post-content blockquote {
    background: #f6f6f6;
    border: 1px solid #e0e0e0;
    border-left: 5px solid #9acf6a;
    font-size: 14px;
    font-style: italic;
    line-height: 26px;
    margin: 40px 0 40px 40px;
    padding: 30px 45px; }
    @media only screen and (max-width: 479px) {
      .blog-single-post-container .post-content blockquote {
        margin-left: 10px;
        padding: 15px 20px; } }
  .blog-single-post-container .tag-area {
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    padding: 10px 0; }
    .blog-single-post-container .tag-area span {
      color: #999999; }
    .blog-single-post-container .tag-area ul {
      display: inline-block; }
      .blog-single-post-container .tag-area ul li {
        display: inline-block; }
        .blog-single-post-container .tag-area ul li a {
          font-size: 15px;
          font-weight: 500;
          font-style: italic;
          color: #363f4d; }
          .blog-single-post-container .tag-area ul li a:hover {
            color: #9acf6a; }
  .blog-single-post-container .social-share-buttons {
    text-align: center; }
    .blog-single-post-container .social-share-buttons h3 {
      background: none;
      color: #8c8c8c;
      font-size: 12px;
      line-height: 26px;
      margin: 0 20px;
      text-transform: uppercase;
      width: auto;
      font-weight: 500;
      margin-bottom: 15px; }
    .blog-single-post-container .social-share-buttons ul li {
      display: inline-block; }
      .blog-single-post-container .social-share-buttons ul li a {
        background: #f7f7f7;
        border-radius: 100%;
        color: #353535;
        display: inline-block;
        font-size: 12px;
        height: 26px;
        line-height: 26px;
        margin-right: 10px;
        text-align: center;
        width: 26px; }
        .blog-single-post-container .social-share-buttons ul li a:hover {
          background-color: #9acf6a;
          color: #ffffff; }
  .blog-single-post-container .related-post-container h3.related-post-title {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    color: #363f4d; }
  .blog-single-post-container .related-post-container .single-related-post .image {
    margin-bottom: 15px; }
  .blog-single-post-container .related-post-container .single-related-post .content h3.related-post-title {
    font-size: 17px;
    font-weight: 500;
    line-height: 23px; }
    .blog-single-post-container .related-post-container .single-related-post .content h3.related-post-title a:hover {
      color: #9acf6a; }
    .blog-single-post-container .related-post-container .single-related-post .content h3.related-post-title span {
      display: block;
      font-size: 13px;
      line-height: 24px;
      color: #999999;
      font-weight: 400;
      margin-top: 5px; }

/*----------  single blog post media  ----------*/
.single-blog-post-media {
  position: relative; }
  .single-blog-post-media:hover .slick-arrow {
    visibility: visible;
    opacity: 0.6; }
    .single-blog-post-media:hover .slick-arrow:hover {
      opacity: 1; }
  .single-blog-post-media:hover .slick-next {
    right: 10px; }
  .single-blog-post-media:hover .slick-prev {
    left: 10px; }
  .single-blog-post-media .slick-arrow {
    position: absolute;
    top: 50%;
    background: none;
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #323232;
    color: #ffffff;
    line-height: 40px;
    z-index: 9;
    margin-top: -20px;
    visibility: hidden;
    opacity: 0; }
  .single-blog-post-media .slick-next {
    right: 30px;
    left: auto; }
  .single-blog-post-media .slick-prev {
    left: 30px;
    right: auto; }

/*----------  comment container  ----------*/
h3.comment-counter {
  margin-bottom: 20px;
  font-weight: 500; }

.comment-container .single-comment {
  position: relative;
  border: 1px solid #e0e0e0;
  margin: 0 0 30px;
  padding: 30px;
  width: 100%;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .comment-container .single-comment.reply-comment {
    margin-left: 10%;
    width: 90%; }
  .comment-container .single-comment:last-child {
    margin-bottom: 0; }
  .comment-container .single-comment span.reply-btn {
    position: absolute;
    top: 30px;
    right: 30px; }
    .comment-container .single-comment span.reply-btn a {
      display: inline-block;
      border: 1px solid #9acf6a;
      color: #9acf6a;
      padding: 5px 15px;
      font-weight: 500;
      border-radius: 50px;
      font-size: 13px; }
      .comment-container .single-comment span.reply-btn a:hover {
        background-color: #9acf6a;
        color: #ffffff; }
  .comment-container .single-comment .image {
    -ms-flex-preferred-size: 50px;
    flex-basis: 50px; }
  .comment-container .single-comment .content {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-left: 20px; }
    .comment-container .single-comment .content h3 {
      font-size: 15px;
      line-height: 29px;
      color: #999999;
      font-weight: 700;
      font-style: italic; }
      .comment-container .single-comment .content h3 span.comment-time {
        font-size: 14px;
        line-height: 29px;
        color: #999999;
        font-weight: 400;
        display: block; }
    .comment-container .single-comment .content p.comment-text {
      color: #999999;
      font-size: 15px;
      line-height: 24px; }

/*----------  comment form  ----------*/
.comment-form-container h3 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  color: #363f4d;
  margin-bottom: 25px; }

.comment-form-container p {
  font-size: 12px;
  line-height: 23px;
  color: #999999; }

/*----------  comment form  ----------*/
.comment-form label {
  display: block;
  margin-bottom: 10px;
  font-size: 15px;
  line-height: 29px;
  color: #999999;
  font-weight: 500; }

.comment-form textarea {
  border: 1px solid #e0e0e0;
  height: 130px;
  width: 100%;
  -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
  padding: 15px; }

.comment-form input {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 0;
  height: 50px;
  line-height: 48px;
  width: 100%;
  padding: 0 15px;
  vertical-align: middle; }

.comment-form .fl-btn {
  border: none;
  text-transform: uppercase;
  background: #f2f2f2;
  line-height: 12px;
  display: inline-block;
  padding: 15px 30px;
  border-radius: 3px;
  color: #363f4d;
  font-weight: 500;
  font-size: 12px;
  background-color: #363f4d;
  color: #ffffff; }
  .comment-form .fl-btn:hover {
    background-color: #9acf6a;
    color: #ffffff; }

/*=====  End of 12. Blog Post  
URL: http://www.bootstrapmb.com 
======*/
/*=============================================
=           13.  Cart            =
=============================================*/
.cart-table {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1); }
  .cart-table .table {
    margin: 0; }
    @media only screen and (max-width: 767px) {
      .cart-table .table {
        border-top: 8px solid #f2f2f2; } }
    .cart-table .table thead {
      background-color: #f2f2f2; }
      @media only screen and (max-width: 767px) {
        .cart-table .table thead {
          display: none; } }
      .cart-table .table thead tr th {
        text-align: center;
        border: none;
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 700;
        color: #363f4d;
        padding: 12px 20px; }
    .cart-table .table tbody tr td {
      text-align: center;
      border: none;
      padding: 25px 20px;
      vertical-align: middle;
      border-bottom: 1px solid #f2f2f2; }
      @media only screen and (max-width: 767px) {
        .cart-table .table tbody tr td {
          display: block;
          width: 100%;
          max-width: none;
          padding: 15px;
          text-align: left; } }

.cart-table th.pro-thumbnail, .cart-table td.pro-thumbnail {
  max-width: 160px;
  min-width: 120px;
  width: 160px; }
  @media only screen and (max-width: 767px) {
    .cart-table th.pro-thumbnail a, .cart-table td.pro-thumbnail a {
      width: 160px; } }

.cart-table th.pro-title, .cart-table td.pro-title {
  min-width: 200px; }

.cart-table td.pro-thumbnail a {
  display: block; }
  .cart-table td.pro-thumbnail a img {
    width: 100%;
    background-color: #f6f7f8; }

.cart-table td.pro-title a {
  font-size: 16px;
  font-weight: 500;
  color: #7a7a7a; }
  .cart-table td.pro-title a:hover {
    color: #9acf6a; }

.cart-table td.pro-price span {
  display: block;
  font-size: 15px;
  font-weight: 500;
  color: #7a7a7a; }

.cart-table td.pro-quantity {
  /*----------  Additional cart quantity style will be placed here  ----------*/ }

.cart-table td.pro-subtotal span {
  display: block;
  font-size: 15px;
  font-weight: 500;
  color: #7a7a7a; }

.cart-table td.pro-addtocart button {
  width: 140px;
  border-radius: 0;
  height: 36px;
  border: 1px solid #9acf6a;
  line-height: 24px;
  padding: 5px 20px;
  font-weight: 700;
  text-transform: capitalize;
  color: #363f4d;
  background-color: #9acf6a; }

.cart-table td.pro-remove a {
  display: block;
  font-weight: 500;
  color: #7a7a7a; }
  .cart-table td.pro-remove a i {
    font-size: 15px; }
  .cart-table td.pro-remove a:hover {
    color: #ff0000; }
  @media only screen and (max-width: 767px) {
    .cart-table td.pro-remove a {
      width: 60px;
      text-align: center; } }

/*-- Calculate Shipping --*/
.calculate-shipping {
  margin-bottom: 23px; }
  .calculate-shipping h4 {
    font-size: 20px;
    line-height: 23px;
    text-decoration: underline;
    text-transform: capitalize;
    font-weight: 700;
    margin-bottom: 30px; }
  .calculate-shipping form .nice-select {
    width: 100%;
    border-radius: 0;
    height: 36px;
    border: 1px solid #999999;
    line-height: 24px;
    padding: 5px 20px;
    background-color: transparent; }
    .calculate-shipping form .nice-select::after {
      border-color: #7a7a7a; }
    .calculate-shipping form .nice-select .current {
      display: block;
      line-height: 24px;
      font-size: 14px;
      color: #7a7a7a; }
    .calculate-shipping form .nice-select .list {
      width: 100%; }
  .calculate-shipping form input {
    width: 100%;
    border-radius: 0;
    height: 36px;
    border: 1px solid #999999;
    line-height: 24px;
    padding: 5px 20px;
    color: #7a7a7a;
    background-color: transparent; }
    .calculate-shipping form input[type="submit"] {
      font-weight: 400;
      text-transform: uppercase;
      color: #ffffff;
      background-color: #363f4d;
      border-color: #363f4d;
      width: 140px;
      border-radius: 3px; }
      .calculate-shipping form input[type="submit"]:hover {
        background-color: #9acf6a;
        border-color: #9acf6a; }

/*-- Discount Coupon --*/
.discount-coupon h4 {
  font-size: 20px;
  line-height: 23px;
  text-decoration: underline;
  text-transform: capitalize;
  font-weight: 700;
  margin-bottom: 30px; }

.discount-coupon form input {
  width: 100%;
  border-radius: 0;
  height: 36px;
  border: 1px solid #999999;
  line-height: 24px;
  padding: 5px 20px;
  color: #7a7a7a;
  background-color: transparent; }
  .discount-coupon form input[type="submit"] {
    font-weight: 400;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #363f4d;
    border-color: #363f4d;
    width: 140px;
    border-radius: 3px; }
    .discount-coupon form input[type="submit"]:hover {
      background-color: #9acf6a;
      border-color: #9acf6a; }

/*-- Cart Summary --*/
.cart-summary {
  float: right;
  max-width: 410px;
  width: 100%;
  margin-left: auto; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .cart-summary {
      margin-left: 0; } }
  @media only screen and (max-width: 767px) {
    .cart-summary {
      margin-left: 0; } }
  .cart-summary .cart-summary-wrap {
    background-color: #f2f2f2;
    padding: 45px 50px;
    margin-bottom: 20px; }
    @media only screen and (max-width: 575px) {
      .cart-summary .cart-summary-wrap {
        padding: 25px 30px; } }
    .cart-summary .cart-summary-wrap h4 {
      font-size: 20px;
      line-height: 23px;
      text-decoration: underline;
      text-transform: capitalize;
      font-weight: 700;
      margin-bottom: 30px; }
    .cart-summary .cart-summary-wrap p {
      font-size: 14px;
      font-weight: 500;
      line-height: 23px;
      color: #363f4d; }
      .cart-summary .cart-summary-wrap p span {
        float: right; }
    .cart-summary .cart-summary-wrap h2 {
      border-top: 1px solid #999999;
      padding-top: 9px;
      font-size: 18px;
      line-height: 23px;
      font-weight: 700;
      color: #000000;
      margin: 0; }
      .cart-summary .cart-summary-wrap h2 span {
        float: right; }
  .cart-summary .cart-summary-button {
    overflow: hidden;
    width: 100%; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .cart-summary .cart-summary-button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start; } }
    @media only screen and (max-width: 767px) {
      .cart-summary .cart-summary-button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start; } }
    .cart-summary .cart-summary-button button {
      margin-top: 10px;
      width: 140px;
      border-radius: 0;
      height: 36px;
      border: 1px solid #999999;
      line-height: 24px;
      padding: 5px 20px;
      color: #7a7a7a;
      background-color: transparent;
      margin-left: 20px;
      float: right; }
      .cart-summary .cart-summary-button button:last-child {
        margin-left: 0; }
      .cart-summary .cart-summary-button button:hover {
        background-color: #9acf6a;
        border-color: #9acf6a;
        color: #ffffff; }
      .cart-summary .cart-summary-button button.checkout-btn {
        font-weight: 400;
        text-transform: uppercase;
        color: #ffffff;
        background-color: #363f4d;
        border-color: #363f4d;
        border-radius: 3px; }
        .cart-summary .cart-summary-button button.checkout-btn:hover {
          background-color: #9acf6a;
          border-color: #9acf6a; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .cart-summary .cart-summary-button button {
          margin-left: 0;
          margin-right: 20px; }
          .cart-summary .cart-summary-button button:last-child {
            margin-right: 0; } }
      @media only screen and (max-width: 767px) {
        .cart-summary .cart-summary-button button {
          margin-left: 0;
          margin-right: 10px; }
          .cart-summary .cart-summary-button button:last-child {
            margin-right: 0; } }
      @media only screen and (max-width: 575px) {
        .cart-summary .cart-summary-button button {
          width: 130px; } }

/*=====  End of 13. Cart  ======*/
/*=============================================
=            14. Checkout            =
=============================================*/
/*-- Checkout Title --*/
.checkout-title {
  font-size: 20px;
  line-height: 23px;
  text-decoration: underline;
  text-transform: capitalize;
  font-weight: 700;
  margin-bottom: 30px; }

/*-- Checkout Form --*/
.checkout-form label {
  display: block;
  font-size: 14px;
  margin-bottom: 12px;
  font-weight: 500;
  text-transform: capitalize; }

.checkout-form .nice-select {
  width: 100%;
  background-color: #ffffff;
  border: 1px solid #999999;
  border-radius: 0;
  line-height: 23px;
  padding: 10px 20px;
  font-size: 14px;
  height: 45px;
  color: #7a7a7a;
  margin-bottom: 15px; }
  .checkout-form .nice-select::after {
    width: 6px;
    height: 6px;
    border-width: 1px;
    right: 20px;
    border-color: #7a7a7a; }
  .checkout-form .nice-select .current {
    color: #7a7a7a;
    display: block;
    line-height: 23px; }
  .checkout-form .nice-select .list {
    width: 100%; }

.checkout-form input {
  width: 100%;
  background-color: #ffffff;
  border: 1px solid #999999;
  border-radius: 0;
  line-height: 23px;
  padding: 10px 20px;
  font-size: 14px;
  color: #7a7a7a;
  margin-bottom: 15px; }
  .checkout-form input[type="checkbox"] {
    width: auto; }

.checkout-form .check-box {
  float: left;
  margin-right: 70px; }
  .checkout-form .check-box:last-child {
    margin-right: 0; }
  .checkout-form .check-box input[type="checkbox"] {
    display: none; }
    .checkout-form .check-box input[type="checkbox"] + label {
      position: relative;
      padding-left: 30px;
      line-height: 20px;
      font-size: 14px;
      font-weight: 400;
      color: #363f4d;
      margin: 0; }
      .checkout-form .check-box input[type="checkbox"] + label::before {
        position: absolute;
        left: 0;
        top: 0;
        width: 20px;
        height: 20px;
        display: block;
        border: 2px solid #999999;
        content: "";
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s; }
      .checkout-form .check-box input[type="checkbox"] + label::after {
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        content: "\f00c";
        font-family: Fontawesome;
        font-size: 12px;
        line-height: 20px;
        opacity: 0;
        color: #363f4d;
        width: 20px;
        text-align: center;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s; }
    .checkout-form .check-box input[type="checkbox"]:checked + label::before {
      border: 2px solid #363f4d; }
    .checkout-form .check-box input[type="checkbox"]:checked + label::after {
      opacity: 1; }

/*-- Shipping Form --*/
#shipping-form {
  display: none; }

/*-- Checkout Cart Total --*/
.checkout-cart-total {
  background-color: #f2f2f2;
  padding: 45px; }
  @media only screen and (max-width: 575px) {
    .checkout-cart-total {
      padding: 30px; } }
  .checkout-cart-total h4 {
    -ms-flex-preferred-size: 18px;
    flex-basis: 18px;
    line-height: 23px;
    font-weight: 700; }
    .checkout-cart-total h4:first-child {
      margin-top: 0;
      margin-bottom: 25px; }
    .checkout-cart-total h4:last-child {
      margin-top: 15px;
      margin-bottom: 0; }
    .checkout-cart-total h4 span {
      float: right;
      display: block; }
  .checkout-cart-total ul {
    border-bottom: 1px solid #999999; }
    .checkout-cart-total ul li {
      color: #7a7a7a;
      font-size: 14px;
      line-height: 23px;
      font-weight: 500;
      display: block;
      margin-bottom: 16px; }
      .checkout-cart-total ul li span {
        color: #363f4d;
        float: right; }
  .checkout-cart-total p {
    font-size: 14px;
    line-height: 30px;
    font-weight: 600;
    color: #505050;
    padding: 10px 0;
    border-bottom: 1px solid #999999;
    margin: 0; }
    .checkout-cart-total p span {
      float: right; }

/*-- Checkout Payment Method --*/
.checkout-payment-method {
  background-color: #f2f2f2;
  padding: 45px; }
  @media only screen and (max-width: 575px) {
    .checkout-payment-method {
      padding: 30px; } }

/*-- Single Payment Method --*/
.single-method {
  margin-bottom: 20px; }
  .single-method:last-child {
    margin-bottom: 0; }
  .single-method input[type="radio"] {
    display: none; }
    .single-method input[type="radio"] + label {
      position: relative;
      padding-left: 30px;
      line-height: 20px;
      font-size: 14px;
      font-weight: 400;
      color: #363f4d;
      margin: 0; }
      .single-method input[type="radio"] + label::before {
        position: absolute;
        left: 0;
        top: 0;
        width: 20px;
        height: 20px;
        display: block;
        border: 2px solid #999999;
        content: "";
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s; }
      .single-method input[type="radio"] + label::after {
        position: absolute;
        left: 5px;
        top: 5px;
        display: block;
        content: "";
        opacity: 0;
        background-color: #363f4d;
        width: 10px;
        text-align: center;
        height: 10px;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s; }
    .single-method input[type="radio"]:checked + label::before {
      border: 2px solid #363f4d; }
    .single-method input[type="radio"]:checked + label::after {
      opacity: 1; }
  .single-method input[type="checkbox"] {
    display: none; }
    .single-method input[type="checkbox"] + label {
      position: relative;
      padding-left: 30px;
      line-height: 20px;
      font-size: 14px;
      font-weight: 400;
      color: #7a7a7a;
      margin: 0; }
      .single-method input[type="checkbox"] + label::before {
        position: absolute;
        left: 0;
        top: 0;
        width: 16px;
        height: 16px;
        display: block;
        border: 2px solid #999999;
        content: "";
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s; }
      .single-method input[type="checkbox"] + label::after {
        position: absolute;
        left: 4px;
        top: 4px;
        display: block;
        content: "";
        opacity: 0;
        background-color: #363f4d;
        width: 8px;
        text-align: center;
        height: 8px;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s; }
    .single-method input[type="checkbox"]:checked + label::before {
      border: 2px solid #363f4d; }
    .single-method input[type="checkbox"]:checked + label::after {
      opacity: 1; }
  .single-method p {
    display: none;
    margin-top: 8px;
    font-size: 14px;
    color: #7a7a7a;
    line-height: 23px; }

/*-- Place Order --*/
.place-order {
  margin-top: 40px;
  width: 140px;
  border-radius: 3px;
  height: 36px;
  border: none;
  line-height: 24px;
  padding: 6px 20px;
  float: left;
  font-weight: 400;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #363f4d; }
  .place-order:hover {
    background-color: #9acf6a; }

/*=====  End of 14. Checkout  ======*/
/*=============================================
=           15.  Compare            =
=============================================*/
/*-- Compare Table --*/
.compare-table {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1); }
  .compare-table .table tbody tr:first-child {
    border-top: 1px solid #eeeeee; }
  .compare-table .table tbody tr td {
    text-align: center;
    border: none;
    padding: 25px 30px;
    vertical-align: middle;
    border-bottom: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee; }
    .compare-table .table tbody tr td:last-child {
      border-right: 1px solid #eeeeee; }
    .compare-table .table tbody tr td.first-column {
      min-width: 180px;
      font-size: 18px;
      font-weight: 600;
      color: #363f4d;
      margin: 0;
      line-height: 1; }
    .compare-table .table tbody tr td.product-image-title {
      padding-top: 50px; }
      .compare-table .table tbody tr td.product-image-title .image {
        clear: both;
        width: 100%;
        margin-bottom: 40px; }
        .compare-table .table tbody tr td.product-image-title .image img {
          max-width: 100%; }
      .compare-table .table tbody tr td.product-image-title .category {
        font-size: 13px;
        line-height: 15px;
        color: #7a7a7a;
        text-transform: capitalize;
        letter-spacing: 0.5px;
        display: block;
        margin-bottom: 10px; }
        .compare-table .table tbody tr td.product-image-title .category:hover {
          color: #9acf6a; }
      .compare-table .table tbody tr td.product-image-title .title {
        font-size: 16px;
        font-weight: 600;
        color: #7a7a7a;
        line-height: 20px;
        margin-bottom: 10px; }
        .compare-table .table tbody tr td.product-image-title .title:hover {
          color: #9acf6a; }
    .compare-table .table tbody tr td.pro-desc p {
      text-align: left;
      margin: 0; }
    .compare-table .table tbody tr td.pro-price {
      font-size: 16px;
      font-weight: 500;
      color: #7a7a7a; }
    .compare-table .table tbody tr td.pro-color {
      font-size: 16px;
      font-weight: 500;
      color: #7a7a7a; }
    .compare-table .table tbody tr td.pro-stock {
      font-size: 16px;
      font-weight: 500;
      color: #7a7a7a; }
    .compare-table .table tbody tr td.pro-addtocart .add-to-cart {
      position: relative;
      background-color: #363f4d;
      color: #ffffff;
      border-radius: 3px;
      display: inline-block;
      width: 170px;
      padding: 10px 25px 10px 25px; }
      .compare-table .table tbody tr td.pro-addtocart .add-to-cart i.fa {
        padding-right: 10px; }
      .compare-table .table tbody tr td.pro-addtocart .add-to-cart span {
        font-size: 13px;
        text-transform: uppercase;
        font-weight: 500;
        line-height: 21px;
        overflow: hidden;
        text-align: center; }
      .compare-table .table tbody tr td.pro-addtocart .add-to-cart:hover {
        background-color: #9acf6a; }
    .compare-table .table tbody tr td.pro-remove button {
      border: none;
      background-color: transparent;
      padding: 0; }
      .compare-table .table tbody tr td.pro-remove button i {
        font-size: 20px; }
      .compare-table .table tbody tr td.pro-remove button:hover {
        color: red; }
    .compare-table .table tbody tr td.pro-ratting i {
      color: #7a7a7a;
      font-size: 14px; }

/*=====  End of 15. Compare  ======*/
/*=============================================
=           16.  My Account            =
=============================================*/
.myaccount-tab-menu {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #ffffff; }
  .myaccount-tab-menu a {
    border: 1px solid #eeeeee;
    border-bottom: none;
    color: #7a7a7a;
    font-weight: 500;
    font-size: 12px;
    display: block;
    padding: 15px 15px 13px;
    text-transform: uppercase; }
    .myaccount-tab-menu a:last-child {
      border-bottom: 1px solid #eeeeee; }
    .myaccount-tab-menu a:hover, .myaccount-tab-menu a.active {
      background-color: #9acf6a;
      color: #ffffff; }
    .myaccount-tab-menu a i {
      font-size: 14px;
      text-align: center;
      width: 25px; }

/*-- My Account Content -*/
.myaccount-content {
  background-color: #ffffff;
  font-size: 14px;
  border: 1px solid #eeeeee;
  padding: 30px; }
  @media only screen and (max-width: 575px) {
    .myaccount-content {
      padding: 20px 15px; } }
  .myaccount-content h3 {
    border-bottom: 1px dashed #eeeeee;
    padding-bottom: 10px;
    margin-bottom: 25px; }
  .myaccount-content .welcome a {
    color: #000000; }
    .myaccount-content .welcome a:hover {
      color: #9acf6a; }
  .myaccount-content .welcome strong {
    font-weight: 600; }
  .myaccount-content a.edit-address-btn {
    background: none;
    border: none;
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #363f4d;
    border-color: #363f4d;
    padding: 10px 20px;
    border-radius: 3px; }
    .myaccount-content a.edit-address-btn i {
      padding-right: 5px; }
    .myaccount-content a.edit-address-btn:hover {
      background-color: #9acf6a; }
  .myaccount-content button.save-change-btn {
    background: none;
    border: none;
    font-weight: 400;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #363f4d;
    border-color: #363f4d;
    width: 140px;
    padding: 10px 0;
    border-radius: 3px; }
    .myaccount-content button.save-change-btn:hover {
      background-color: #9acf6a; }

/*-- My Account Table -*/
.myaccount-table {
  white-space: nowrap;
  font-size: 15px; }
  .myaccount-table table th,
  .myaccount-table .table th {
    padding: 10px; }
  .myaccount-table table td,
  .myaccount-table .table td {
    padding: 20px 10px;
    vertical-align: middle; }
    .myaccount-table table td a:hover,
    .myaccount-table .table td a:hover {
      color: #9acf6a; }

.saved-message {
  border-top: 3px solid #9acf6a;
  border-radius: 5px 5px 0 0;
  font-weight: 600;
  font-size: 13px;
  padding: 20px; }

/*-- My Account Details Form -*/
.account-details-form h4 {
  margin: 0; }

.account-details-form input {
  display: block;
  width: 100%;
  border: 1px solid #ebebeb;
  border-radius: 0;
  line-height: 24px;
  padding: 11px 25px;
  color: #656565; }

/*=====  End of 16. My Account  ======*/
/*=============================================
=            17. Login Register            =
=============================================*/
/*-- Login Title --*/
.login-title {
  font-size: 20px;
  line-height: 23px;
  text-decoration: underline;
  text-transform: capitalize;
  font-weight: 700;
  margin-bottom: 30px; }

/*-- Login Form --*/
.login-form {
  background-color: #ffffff;
  padding: 30px;
  -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1); }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .login-form {
      padding: 15px; } }
  .login-form label {
    display: block;
    font-size: 14px;
    margin-bottom: 12px;
    font-weight: 500;
    text-transform: capitalize; }
  .login-form .nice-select {
    width: 100%;
    background-color: transparent;
    border: 1px solid #999999;
    border-radius: 0;
    line-height: 23px;
    padding: 10px 20px;
    font-size: 14px;
    height: 45px;
    color: #7a7a7a;
    margin-bottom: 15px; }
    .login-form .nice-select::after {
      width: 6px;
      height: 6px;
      border-width: 1px;
      right: 20px;
      border-color: #7a7a7a; }
    .login-form .nice-select .current {
      color: #7a7a7a;
      display: block;
      line-height: 23px; }
    .login-form .nice-select .list {
      width: 100%; }
  .login-form input {
    width: 100%;
    background-color: transparent;
    border: 1px solid #999999;
    border-radius: 0;
    line-height: 23px;
    padding: 10px 20px;
    font-size: 14px;
    color: #7a7a7a;
    margin-bottom: 15px; }
    .login-form input[type="checkbox"] {
      width: auto; }
  .login-form .check-box {
    float: left;
    margin-right: 70px; }
    .login-form .check-box:last-child {
      margin-right: 0; }
    .login-form .check-box input[type="checkbox"] {
      display: none; }
      .login-form .check-box input[type="checkbox"] + label {
        position: relative;
        padding-left: 30px;
        line-height: 20px;
        font-size: 14px;
        font-weight: 400;
        color: #363f4d;
        margin: 0; }
        .login-form .check-box input[type="checkbox"] + label::before {
          position: absolute;
          left: 0;
          top: 0;
          width: 20px;
          height: 20px;
          display: block;
          border: 2px solid #999999;
          content: "";
          -webkit-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s; }
        .login-form .check-box input[type="checkbox"] + label::after {
          position: absolute;
          left: 0;
          top: 0;
          display: block;
          content: "\f00c";
          font-family: Fontawesome;
          font-size: 12px;
          line-height: 20px;
          opacity: 0;
          color: #363f4d;
          width: 20px;
          text-align: center;
          -webkit-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s; }
      .login-form .check-box input[type="checkbox"]:checked + label::before {
        border: 2px solid #363f4d; }
      .login-form .check-box input[type="checkbox"]:checked + label::after {
        opacity: 1; }

/*-- Place Order --*/
.register-button {
  display: block;
  margin-top: 40px;
  width: 140px;
  border-radius: 0;
  height: 36px;
  border: none;
  line-height: 24px;
  padding: 6px 20px;
  float: left;
  font-weight: 400;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #363f4d;
  border-radius: 3px; }
  .register-button:hover {
    background-color: #9acf6a; }

/*=====  End of 17. Login Register  ======*/
/*=============================================
=           18.  FAQ            =
=============================================*/
.faq-wrapper .panel.panel-default {
  border: 1px solid #ebebeb;
  margin-bottom: 20px; }

.faq-wrapper .card, .faq-wrapper .card-header {
  border-radius: 0; }

.faq-wrapper .card {
  margin-bottom: 15px; }
  .faq-wrapper .card:last-child {
    margin-bottom: 0; }

.faq-wrapper .card-header {
  padding: 0;
  border-bottom: 0;
  background-color: #e9e9e9; }
  .faq-wrapper .card-header h5 button {
    width: 100%;
    text-align: left;
    color: #333;
    font-weight: 500;
    padding: 10px 20px;
    position: relative; }
    .faq-wrapper .card-header h5 button span {
      position: absolute;
      right: 10px; }
      .faq-wrapper .card-header h5 button span i.fa {
        font-size: 12px;
        visibility: hidden;
        opacity: 0;
        display: none; }
    .faq-wrapper .card-header h5 button:hover, .faq-wrapper .card-header h5 button:focus {
      text-decoration: none; }
    .faq-wrapper .card-header h5 button[aria-expanded="true"] {
      background-color: #9acf6a;
      color: #ffffff;
      border-radius: 0; }
      .faq-wrapper .card-header h5 button[aria-expanded="true"] span i.fa.fa-chevron-down {
        visibility: visible;
        opacity: 1;
        display: inline; }
    .faq-wrapper .card-header h5 button[aria-expanded="false"] span i.fa.fa-chevron-up {
      visibility: visible;
      opacity: 1;
      display: inline; }

.faq-wrapper .card-body p {
  font-size: 14px;
  line-height: 24px; }

/*=====  End of 18. FAQ  ======*/
/*=============================================
=           19. Contact             =
=============================================*/
#google-map {
  height: 400px; }
  @media only screen and (max-width: 767px) {
    #google-map {
      height: 300px; } }
  @media only screen and (max-width: 575px) {
    #google-map {
      height: 250px; } }
  @media only screen and (max-width: 479px) {
    #google-map {
      height: 200px; } }

h3.contact-page-title {
  font-size: 32px;
  line-height: 32px;
  color: #363f4d;
  font-weight: 500;
  margin-bottom: 25px; }
  @media only screen and (max-width: 575px) {
    h3.contact-page-title {
      font-size: 25px; } }

.single-contact-block {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e0e0e0; }
  @media only screen and (max-width: 575px) {
    .single-contact-block {
      padding-bottom: 20px;
      margin-bottom: 20px; } }
  .single-contact-block:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0; }
  .single-contact-block h4 {
    font-size: 20px;
    line-height: 27px;
    font-weight: 500;
    color: #222222; }
    @media only screen and (max-width: 575px) {
      .single-contact-block h4 {
        font-size: 20px; } }
    .single-contact-block h4 img {
      margin: 5px 20px 20px 0; }
  .single-contact-block p {
    margin-bottom: 0px;
    font-size: 15px;
    line-height: 29px;
    color: #666666; }

span.required {
  color: red; }

/*----------  contact form  ----------*/
.contact-form .form-group {
  margin-bottom: 20px; }

.contact-form label {
  display: block;
  font-size: 15px;
  line-height: 29px;
  font-weight: 400;
  color: #888888;
  margin-bottom: 0; }

.contact-form input {
  background-color: #ffffff;
  width: 100%;
  height: 50px;
  line-height: 50px;
  outline: none;
  border: 1px solid #e0e0e0;
  padding-left: 20px; }

.contact-form textarea {
  background-color: #ffffff;
  width: 100%;
  outline: none;
  border: 1px solid #e0e0e0;
  padding-left: 20px;
  line-height: 50px;
  height: 200px; }

.contact-form .fl-btn {
  background: #f2f2f2;
  line-height: 12px;
  display: inline-block;
  padding: 15px 30px;
  border-radius: 3px;
  color: #363f4d;
  font-weight: 500;
  font-size: 12px;
  background-color: #363f4d;
  border: 1px solid #363f4d;
  color: #ffffff;
  text-transform: uppercase; }
  .contact-form .fl-btn:hover {
    background-color: #9acf6a;
    color: #ffffff;
    background-color: #9acf6a;
    border-color: #9acf6a; }

/*----------  contact page side content  ----------*/
.contact-page-side-content {
  background-color: #F2F2F2;
  padding: 30px; }

/*=====  End of 19. Contact   ======*/
/*=============================================
=            20. About            =
=============================================*/
/*-- About Image --*/
.about-image img {
  width: 100%; }

/*-- About Content --*/
.about-content h1 {
  font-size: 36px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 23px; }
  .about-content h1 span {
    color: #9acf6a; }
  @media only screen and (max-width: 767px) {
    .about-content h1 {
      font-size: 24px;
      line-height: 30px; } }

.about-content h4 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 14px; }

.about-content p {
  font-size: 14px;
  line-height: 24px; }

/*-- About Mission Vission Goal --*/
.about-mission-vission-goal h3 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 13px; }

.about-mission-vission-goal p {
  font-size: 14px;
  line-height: 24px; }

/*-- About Section Title --*/
.about-section-title h3 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 23px; }
  @media only screen and (max-width: 767px) {
    .about-section-title h3 {
      font-size: 18px;
      line-height: 24px; } }

.about-section-title p {
  font-size: 14px;
  line-height: 24px;
  max-width: 600px; }

/*-- About Feature --*/
.about-feature h4 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 4px; }

.about-feature p {
  font-size: 14px;
  line-height: 23px;
  max-width: 265px; }
  @media only screen and (max-width: 767px) {
    .about-feature p {
      max-width: 350px; } }

/*-- About Feature Banner --*/
.about-feature-banner .banner {
  margin-left: 70px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .about-feature-banner .banner {
      margin-left: 0; } }
  @media only screen and (max-width: 767px) {
    .about-feature-banner .banner {
      margin-left: 0; } }

/*-- Feature Content --*/
.feature-content h2 {
  font-size: 30px;
  max-width: 470px;
  margin-bottom: 0; }
  .feature-content h2 span {
    font-weight: 700; }

.feature-content h1 {
  font-size: 36px;
  max-width: 470px; }
  .feature-content h1 span {
    font-weight: 700; }

.feature-content p {
  line-height: 23px;
  max-width: 520px;
  margin-bottom: 0;
  margin-top: 30px; }

/*-- Feature Image --*/
.feature-image {
  position: relative;
  z-index: 2; }
  .feature-image::before {
    position: absolute;
    right: 0;
    bottom: -40px;
    content: "";
    width: 380px;
    height: 360px;
    background-color: #ffffff;
    z-index: -1; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .feature-image::before {
        display: none; } }
    @media only screen and (max-width: 767px) {
      .feature-image::before {
        display: none; } }
  .feature-image img {
    width: 100%;
    margin-left: -40px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .feature-image img {
        margin-left: 0; } }
    @media only screen and (max-width: 767px) {
      .feature-image img {
        margin-left: 0; } }

.about-feature {
  margin-bottom: -30px; }

/*=====  End of 20. About  ======*/
/*=============================================
=           21. Footer            =
=============================================*/
.footer-container {
  background-color: #f9f9fb;
  border-top: 1px solid #ebebeb; }

.footer-copyright {
  border-top: 1px solid #ebebeb; }

/*----------  address block  ----------*/
.address-block .image {
  margin-bottom: 20px; }
  .address-block .image a {
    display: block; }

.address-block .address-text {
  margin-bottom: 15px; }
  .address-block .address-text ul li {
    line-height: 30px; }

/*----------  social links  ----------*/
.social-links ul li {
  display: inline-block;
  margin-right: 10px; }
  .social-links ul li:last-child {
    margin-right: 0; }
  .social-links ul li a {
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #ebebeb;
    color: #b2b2b1;
    text-align: center; }
    .social-links ul li a.twitter:hover i.fa {
      color: #1DA1F2; }
    .social-links ul li a.facebook:hover i.fa {
      color: #4867AA; }
    .social-links ul li a.behance:hover i.fa {
      color: #1869FF; }
    .social-links ul li a.pinterest:hover i.fa {
      color: #BD081B; }
    .social-links ul li a.rss:hover i.fa {
      color: #F99C3A; }
    .social-links ul li a i.fa {
      font-size: 18px;
      line-height: 40px; }
    .social-links ul li a:before {
      content: attr(data-tooltip);
      position: absolute;
      bottom: 100%;
      left: 50%;
      margin-bottom: 12px;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      font-size: 12px;
      font-weight: 400;
      background-color: #444444;
      color: #ffffff;
      line-height: 16px;
      padding: 5px 10px;
      border-radius: 2px;
      white-space: nowrap;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
    .social-links ul li a:after {
      position: absolute;
      left: 50%;
      bottom: 100%;
      margin-bottom: 8px;
      margin-left: -4px;
      content: "";
      border-width: 4px 4px 0 4px;
      border-style: solid;
      border-color: #444444 transparent transparent transparent;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
    .social-links ul li a:hover:before, .social-links ul li a:hover:after {
      visibility: visible;
      opacity: 1; }

/*----------  widget block  ----------*/
.widget-block .footer-widget-title {
  font-size: 14px;
  line-height: 19px;
  font-weight: 700;
  color: #363f4d;
  font-style: normal;
  margin-bottom: 20px;
  margin-top: 30px; }

.widget-block p {
  line-height: 30px; }

.widget-block ul li {
  line-height: 30px; }
  .widget-block ul li a {
    font-weight: 400; }

/*----------  newsletter form    ----------*/
.newsletter-form input {
  background: none;
  border: none;
  width: 100%;
  border-bottom: 1px solid #ebebeb;
  color: #ababab;
  padding-bottom: 10px;
  margin-bottom: 20px; }

.newsletter-form button {
  background: #f2f2f2;
  line-height: 12px;
  display: inline-block;
  padding: 15px 30px;
  border-radius: 3px;
  color: #363f4d;
  font-weight: 500;
  font-size: 12px;
  border: 1px solid #9acf6a;
  background-color: #9acf6a;
  color: #ffffff;
  text-transform: uppercase; }
  .newsletter-form button:hover {
    background-color: #363f4d;
    color: #ffffff;
    border: 1px solid #363f4d; }

/*=====  End of 21. Footer  ======*/
